jquery监听事件on，jquery 监听input的value值改变

jQuery中的bind()函数跟on()函数有什么区别呢?

bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象，比如focus， mouseover， 和 resize，都是可以作为type参数传递进来的。

.bind()是直接绑定在元素上 .live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的，绑定到document DOM节点上。和.bind()的优势是支持动态数据。

bind()：为每个匹配元素的特定事件绑定事件处理函数。bind(type，[data]，fn)type： 含有一个或多个事件类型的字符串，由空格分隔多个事件。比如click或submit，还可以是自定义事件名。

绑定较为死板，不能给事件单独绑定函数，适合处理多个事件调用同一函数情况；大括号替代方式：绑定较为灵活，可以给事件单独绑定函数；data：可选；需要传递的参数；function：必需；当绑定事件发生时，需要执行的函数；适用所有版本，但是根据官网解释，自从jquery7版本以后bind()函数推荐用on()来代替。

on和bind都是表示绑定一个事件，bind是jquery7以前的版本方法，从7开始，推出了on方法表示绑定，bind()，live()和delegate()都用了on()来表示，所以说on是bind的替代者。

肯定是先引入jquery库，可以选择下载本地引用，也可以在线引用。on函数，这个是官方推荐使用的函数，因为其他方法都是内部调用on来完成的，直接使用on可以提高效率。bind函数，bind是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数。

相关问答

Q1: jquery怎么监听页面上所有的失焦事件

1、如存在多个li的情况下，只为其中一个或几个绑定事件，而其他的不受事件影响。方法有很多种，比较简单的办法就是为需要绑定事件的li标签添加class属性。举例如下：HTML代码： 字符串1 字符串2 字符串3 字符串4 字符串5jQuery代码：//绑定class属性包含name的标签。

2、可以在失去焦点的处理函数里面判断keycode是否为回车吧，else就走点击流程。

3、可以通过js事件监听，对应的响应调用的值再显示 谷歌浏览器离开或刷新页面，如何设置提示？ 要设置关闭或刷新的提示，如果你是谷歌浏览器用户，可以用Chrome插件，例如小乐图客，自定义JS脚本，来实现关闭网页前的提示如果你是网站开发者，可以在你的网站网页代码中，加入相应JS事件监听功能。

Q2: jQuery中bind(),one(),on(),live()这几个绑定事件函数有哪些区别

1、- live()：这个方法类似于one()，但是它使用冒泡来检测事件是否发生在元素内部。如果事件发生在元素内部，那么这个处理程序将被调用。- bind()：这个方法允许您为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。它将事件和函数绑定到元素。

2、该代码库绑定对象的方法有以下几种：bind（）方法：用于绑定一个或多个事件处理函数到指定元素上。例如：javascript$（选择器）.bind（eventType，function（event）{}）。

3、作用不同 on()：在被选元素及子元素上添加一个或多个事件处理程序。live()：为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。触发条件不同 on()：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。

4、Jquery中bind和live的区别如下：bind()可以绑定多个事件，live()一次只能绑定一个事件。区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说，如果你给页面上所有的li用live绑定了click事件。

5、这2个方法在早期的jquery版本中比较常见，最新版本的jquery已经使用on取代了他们。区别：bind是在页面加载完成之后只对DOM进行一次绑定 live会在每次事件冒泡过程中都会监听绑定的事件。

Q3: jquery中on()方法和live()方法的区别

1、bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象，比如focus， mouseover， 和 resize，都是可以作为type参数传递进来的。

2、event）{}）。live（）方法：与delegate（）方法类似，但它适用于动态添加的元素。例如：javascript$（document）.live（eventType，function（event）{}）。on（）方法：是jQuery7及以上版本提供的新方法，用于在匹配选择器的元素上绑定一个或多个事件处理函数。

3、)函数两者类似，但是live()函数在执行速度，灵活性和CSS选择器支持方面较delegate()差些；bind()支持Jquery所有版本；live()支持jquery8-；delegate()支持jquery2+；on()支持jquery7+。结论：如果项目中引用的jquery版本为低版本，推荐用delegate()，如果是高版本jquery则建议用on()。

关于jquery监听事件on和jquery 监听input的value值改变的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。