Question

我对文本框有一种奇怪的行为

我在页面上有一个文本框和按钮，它们分别有更改和点击事件。两者都可以单独工作，但是当我在更改文本框上的值后单击按钮时，单击事件不会触发。

$("#txtInput").on("blur", function onChange() {
    var randomVal = Math.floor((Math.random() * 100) + 1);
    $('#log').append('<p>New value: ' + randomVal + '</p>');
    return true;
});


$("#btn-submit").on("click", function submit() {
    alert('value submitted');
});

帮助我理解这一点。

以下是jsfiddle https://jsfiddle.net/WV3Q8/25/的链接。

Answer 1

将按钮放在结果div上方。因为，模糊事件发生在按钮单击事件之前，这导致按钮向下移动。（对于要触发的单击事件，鼠标按下和鼠标按下都发生在同一元素上。）这就是它不被触发的原因。

<p>Enter something</p>
<input type="text" id="txtInput">
<button value="Go" style="display:block" type="button" id="btn-submit">Submit</button>
<div id="log"></div>

Fiddle

在Jquery中单击文本框更改停止按钮

1 个答案: