Jquery 'change' 事件取消其他元素上的 'click' 事件

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

可能警报正在停止第二个事件，如果我更改代码以在控制台中记录消息，则在 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" />