jQueryの「変更」イベント「クリック」cancelイベント

Question

私は、このサンプルコードを書く：

<script type="text/javascript" > 
    $(document).ready(function() { 
     $('input:text').change(inputChangeHandler); 
     $('input:button').click(buttonClickHandler); 
    }); 
    function inputChangeHandler(event){ 
     alert('[Text changed] ' + $(this).val()); 
    } 
    function buttonClickHandler(event){ 
     alert('[Button click]'); 
    } 
</script> 

<input type="text" name="txt" /> 
<input type="button" value="button" /> 

は、テキストを変更しようが、その後、ボタンをクリックし、唯一の「チェンジ・イベントが」トリガされます。

「変更」のイベントをトリガするアイデアは「クリック」ですか？

Answer 1

恐らく警告は第2のイベントを停止していますが、コンソールでメッセージをログに記録するようにコードを変更すると、Firefoxでは両方のイベントが発生します。

<script type="text/javascript" > 
    $(document).ready(function() { 
     $('input:text').change(inputChangeHandler); 
     $('input:button').click(buttonClickHandler); 
    }); 
    function inputChangeHandler(event){ 
     console.log('[Text changed] ' + $(this).val()); 
    } 
    function buttonClickHandler(event){ 
     console.log('[Button click]'); 
    } 
</script> 

<input type="text" name="txt" /> 
<input type="button" value="button" /> 

Answer 2

thisフィドルですべて正常です。