首页
学习
活动
专区
工具
TVP
发布

jquery 绑定事件 bind() unbind() 以及 事件函数列表

() DOM加载完成 resize() 浏览器窗口的大小发生改变 scroll() 滚动条的位置发生变化 submit() 用户递交表单 绑定事件的其他方式 $(function(){ $('#...div1').bind('mouseover click', function(event) { alert($(this).html()); }); }); 取消绑定事件 $(...function(){ $('#div1').bind('mouseover click', function(event) { alert($(this).html());...可以看到,使用这种方式绑定click事件也是可以的。 那么,如果希望点击一次就不能点击,就可以设置一下解绑事件,如下: ? 从这里可以看出,只能触发一次click事件。因为已经解除绑定了。...同时绑定两个事件 click mouseover ? 两个事件都可以触发打印日志。那么解绑是不是也一样可以写多个的呢? ? 解除绑定的确可以写多个事件同时解除。

1.5K20

JavaScript 学习-40.jQuery 绑定事件 on 和 bind

前言 jquery 有四种绑定事件的方式:on, bind, delegate,live。其中 live() 方法已被移除。...$("#id").click(function(){ $("button").off("click"); }); bind() 方法 bind只能给符合条件的元素本身添加事件 on可以将子元素的事件委托给父元素进行处理...,而且可以给动态添加的元素加上绑定事件 语法 $(selector).bind(event,data,function,map) 参数 描述 event 必需。...console.log('btn 点击 ...') }) 使用区别: 1.用on绑定实际上是委托给了父级div,也就是只给一个元素绑定事件 2.bind用选择器选择了div下的所有button...如果有很多很多子元素区别就很大了, bind会严重影响性能。 3.新增的元素,bind无法绑定事件,on可以给新增元素绑定事件 总的来说一般用 on 就可以替代其余几个了。

87720
您找到你想要的搜索结果了吗?
是的
没有找到

关于jQuery用bind动态绑定事件无效的处理

最近在进行页面开发,在做页面特效的时候,需要给一个动态加载的按钮赋予一个事件 于是不假思索的 用$(obj).bind(); 来绑定事件 。...但是这样存在一个问题: bind确实能绑定事件,但是那是相对于固定的html标签来说 当页面内容属于动态加载的时候,bind事件就存在一个bug, 只能bind一次,当你第二次触发事件的时候就没用了...当我使用bind绑定click事件,这时, 第一次点击click能成功触发 但是第二次点击,click事件无效了......后面研究发现,jQuery还有个绑定事件的方法:delegate(); 用法如下: $(".sentnum-box").delegate(".a-add-ordergoods","click",function...(){ //js数据代码 }); 这样就能实现对动态数据绑定事件,并永不失效

1.3K20

参数绑定---bind函数

(check_size,_1,sz)); cout << *ret << endl; 此bind调用生成一个可调用对象,将check_size的第二个参数绑定到sz的值。...与bind函数一样,placeholders命名空间也定义在functional头文件中 bind的参数 我们可以用bind绑定给定可调用对象中的参数或重新安排其顺序。...实际上,这个bind调用会将 g(_1,_2) 映射为 f(a,b,_2,c,_1) 即,对g的调用会调用f,用g的参数代替占位符,再加上绑定的参数a,b和c....因此,当sort比较两个元素时,就好像调用isShorter(B,A); 绑定引用参数 默认情况下,bind的那些不是占位符的参数被拷贝到bind的返回的可调用对象中。...与bind类似,这两个函数接收一个函数做参数,生成一个可调用对象,该对象调用给定函数,并将绑定参数传递给它。 但是,这些函数分别只能绑定第一个或者第二个参数。

1.1K30

jQuery 事件绑定 和 JavaScript 原生事件绑定

总结一下:jQuery 事件绑定 和 JavaScript 原生事件绑定 及 区别 jQuery 事件绑定 jQuery 中提供了四种事件监听绑定方式,分别是 bind、live、delegate、on...live、delegate 不多用,在Jquery1.7中已经移除,这里不多说 重点介绍 bind、on bind(event,[data],function) bind 是使用频率较高的一种,作用就是在选择到的元素上绑定特定事件类型的监听函数...最常用的一种 自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。...3.绑定事件监听函数:绑定事件的另一种方法是用 addEventListener() 或 attachEvent() 来绑定事件监听函数。 一. 在DOM元素中直接绑定 1....原生的事件绑定,可以发现只执行了最后一个相同的绑定事件,后面绑定事件处理函数覆盖了前面的事件处理函数。

5.6K20

v-bind 绑定 class、style 属性

1. v-bind 绑定 class 属性对象语法 2. v-bind 绑定 class 属性数组语法 3. v-bind 绑定 style 属性对象语法 3....v-bind 绑定 style 属性数组语法 1. v-bind 绑定 class 属性对象语法 ---- 对象语法的含义是 :class 后面跟的是一个对象,语法格式: <span :class="{...v-<em>bind</em> <em>绑定</em> class 属性数组语法 ---- 数组语法的含义是 :class 后面跟的是一个数组,语法格式: ...v-<em>bind</em> <em>绑定</em> style 属性对象语法 ---- 对象语法的含义是 :style 后面跟的是一个对象,语法格式: 基础使用...v-<em>bind</em> <em>绑定</em> style 属性数组语法 ---- :style 数组语法就是后面跟一个数组,数组元素是对象,语法格式: 使用示例: (css1, css2 时 vue 示例中 data 数据对象

80630

JavaScript 事件绑定

事件绑定分为两种:一种是传统事件绑定(内联模型,脚本模型),一种是现代事件绑定(DOM2级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。...一.传统事件绑定的问题 传统事件绑定有内联模型和脚本模型,内联模型我们不做讨论,基本很少去用。先来看一下脚本模型,脚本模型将一个函数赋值给一个事件处理函数。...那么W3C现代事件绑定可以设置冒泡和捕获。...PS:IE中的事件绑定函数attachEvent()和detachEvent()可能在实践中不去使用,有几个原因:1.IE9就将全面支持W3C中的事件绑定函数;2.IE的事件绑定函数无法传递this;3....IE的事件绑定函数不支持捕获;4.同一个函数注册绑定后,没有屏蔽掉;5.有内存泄漏的问题。

3.3K60

jquery 事件绑定及取消 bind live delegate on one区别 (超详细且通俗易懂)

最简单的写法 绑定单个事件执行事件函数, $("p").bind("click",function(){ alert("这个段落被点击了。")...bind()方法可以进行多个事件绑定,添加回调函数, $(document).ready(function(){ $("p").bind("mouseover mouseout",function(...和bind方法有两个不同 1.没有map不能单独规定事件 2.live方法绑定事件会应用于当前现有的元素以及未来元素,也就是事件委托机制,把节点的处理统一委托给了根节点document,所以后面动态添加的新节点同样会有相同的事件...子节点绑定事件。...规定当事件发生时运行的函数。 它既可以给单个标签绑定事件,有map映射,也可以自主选择事件委托对象给后面动态创建的节点绑定事件

2.3K20

Hooks与事件绑定

Hooks与事件绑定 在React中,我们经常需要为组件添加事件处理函数,例如处理表单提交、处理点击事件等。...此外,在定义事件处理函数时,通常需要使用bind方法来绑定函数的上下文,以确保在函数中可以正确地访问组件实例的属性和方法,虽然我们可以使用箭头函数来减少bind,但是还是使用this语法还是没跑了。...,我们也只需要将定义的事件处理函数传入JSX就好了,也不需要this也不需要bind。...原生事件绑定 虽然React为我们提供了合成事件,但是在实际开发中因为各种各样的原因我们无法避免的会用到原生的事件绑定,例如ReactDOM的Portal传送门,其是遵循合成事件事件流而不是DOM的事件流...此外,很多库可能都会有类似addEventListener的事件绑定,那么同样的此时也需要在合适的时机去添加和解除事件绑定

1.8K30

Vue事件绑定原理

Vue事件绑定原理 Vue中通过v-on或其语法糖@指令来给元素绑定事件并且提供了事件修饰符,基本流程是进行模板编译生成AST,生成render函数后并执行得到VNode,VNode生成真实DOM节点或者组件时候使用...addEventListener方法进行事件绑定。...描述 v-on与@用于绑定事件监听器,事件类型由参数指定,表达式可以是一个方法的名字或一个内联语句,如果没有修饰符也可以省略,用在普通元素上时,只能监听原生DOM事件,用在自定义元素组件上时,也可以监听子组件触发的自定义事件....self: 只当事件是从侦听器绑定的元素本身触发时才触发回调。 .{keyCode | keyAlias}: 只当事件是从特定键触发时才触发回调。...// 处理v-bind的情况 // ... } else if (onRE.test(name)) { // v-on // 处理事件绑定 name = name.replace

8.5K40
领券