jQuery文本值改变的事件绑定(input/span/div)

最新推荐文章于 2024-07-28 02:32:45 发布

猿学

最新推荐文章于 2024-07-28 02:32:45 发布

阅读量2.6k

点赞数

分类专栏： PHP JS HTML 文章标签： jquery javascript html

原文链接：https://blog.youkuaiyun.com/u010678947/article/details/44343169/ https://blog.youkuaiyun.com/qq_42365842/article/details/116910879

版权

PHP 同时被 3 个专栏收录

52 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

29 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

HTML

8 篇文章

订阅专栏

这篇博客探讨了在jQuery中如何绑定文本值改变的事件，包括input、span和div元素。推荐使用change、focus、keyup、keypress和propertychange事件，其中change在焦点离开时触发，focus在获得焦点时触发，keyup在按键弹起时触发，keypress在按键按下时响应（可能被输入法拦截），propertychange则在任何属性改变时触发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

input文本值改变推荐绑定如下事件，请根据实际情况选择：

//文本值发生变化
$("#txtSearch").change(function () {
    getDriverTrainStatisticalData();
});
$("#txtSearch").keyup(function () { 
    getDriverTrainStatisticalData();
});
$("#txtSearch").keypress(function () {
    getDriverTrainStatisticalData();
});
$("#txtSearch").bind("propertychange", function () {
    getDriverTrainStatisticalData();
});

change：焦点离开时触发事件
focus：获得焦点时触发事件
keyup：按键弹起时触发事件
keypress：按键按下时触发事件（先响应事件，再显示输入结果（获得的是上一次结果），可能被输入法拦截）
propertychange：属性改变时触发事件（不管是获得焦点还是value改变等）

span/div文本值改变绑定事件推荐如下方法：

<div class="send-like">
      <div class="heart " id="like1" rel="like"></div>
      <div class="likeCount" id="likeCount1">14</div>
 </div>
<script> 
$("#likeCount1").bind("DOMNodeInserted",function (e) {
     alert("点赞~~")
});
</script>