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" />

Answer 2

this小提琴中的一切正常。

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

2 个答案: