您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

“ input”元素的“ change”事件与“ input”事件之间的区别

“ input”元素的“ change”事件与“ input”事件之间的区别

通过用户界面更改元素的文本内容时发生事件。

当选择,选中状态或元素的内容 。在某些情况下,仅当元素失去焦点或按return(Enter)并且值已更改时才会发生。该onchange属性可以使用:<input><select>,和<textarea>

TL; DR:

$("input, select").on("input", function () {

    $("pre").prepend("\nOn input. | " + this.tagName + " | " + this.value);

}).on("change", function () {

    $("pre").prepend("\nOn change | " + this.tagName + " | " + this.value);

}).on("focus", function () {

    $("pre").prepend("\nOn focus | " + this.tagName + " | " + this.value);

}).on("blur", function () {

    $("pre").prepend("\nOn blur | " + this.tagName + " | " + this.value);

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" />

<select>

  <option>Alice</option>

  <option>Bob</option>

  <option>Carol</option>

  <option>Dave</option>

  <option>Emma</option>

</select>

<pre></pre>
其他 2022/1/1 18:20:39 有617人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶