2

選択、ボタン、および入力要素を含む html フォームがあります。

<form action="">
    <button>innocent button</button>
    <select multiple name="multiple">
    <option selected value="a">A</option>
    <option value="b">B</option>
</select>
<input style="width:300px" type="text" value="press here enter and look at the multiple select" name="" />
</form>

そしていくつかのjquery javascript

$(document).ready(function(){
            console.log('hi');


            var $button = $('button');

            $button.on('click',function(e){

                $('select option').first().attr('selected',false);
                e.preventDefault();

            });

デモ: ここで試してみてください: http://jsfiddle.net/3Rjdh/

Chrome ではすべて問題ありません。ただし、Firefox の場合: 入力フィールドで ENTER を押すと、select 要素が選択されていません。

Firefox の何が問題になっていますか?

4

2 に答える 2

0

入力でEnterキーを押すと、ボタンのクリックイベントが効果的に発生し、そこにconole.logを入れようとすると、それが発生するのがわかります

これを行うことで送信を停止できます

  function stopSubmit(e){
      e = e || event;
      return (e.keyCode || event.which || event.charCode || 0) !== 13;
   }

次に、フォームにキープレスのイベントを追加します

    <form onkeypress="return stopSubmit(event)">

更新されたフィドルを参照してください

于 2012-09-14T12:25:06.307 に答える
0

値ボタンで属性タイプを追加して修正したと思います

http://jsfiddle.net/3Rjdh/2/

于 2012-09-14T12:43:57.803 に答える