javascript - 防止主干事件触发

Question

我有一个带有主干视图的基本表单，当我在顶部输入上按 enter 时，会触发 open 事件。如何确保打开事件仅在我按下浏览按钮时触发？

<form method="post">
    <div>
        <input type="text" />
    </div>
    <div id="myId">
        <input type="text" />
        <button class="browse">Browse...</button>
    </div>
    <input type="submit" value="Save" />
</form>

var MyView = Backbone.View.extend({

    events: {
        'click button.browse': 'open'
    },

    open: function(e) {
        alert('Open dialog');
    },

    initialize: function() {},

    render: function() {}
});

$(function() {
    var myView= new MyView({ el: $('#myId') });
});​

​

jsFiddle在这里

Answer 1

您需要指定type="button"，否则默认为submit，并且在表单中的文本框输入上按 Enter 会触发提交...

http://jsfiddle.net/PJhED/40/

    <button class="browse" type="button">Browse...</button>

Answer 2

将其更改为<button class="browse" type="button">Browse...</button>

http://jsfiddle.net/2Rt6p/1/