javascript - バックボーンイベントの発生を防ぐ

Question

バックボーンビューの基本的なフォームがあります。上部の入力でEnterキーを押すと、openイベントが発生します。参照ボタンを押したときにのみ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/