关于jquery绑定unbind - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

jquery 使用 unbind 解决重复绑定执行事件

原文：jquery 使用 unbind 解决重复绑定执行事件存在问题在jquery监听click事件的时候会出现点击一次没有重复，点击第二次就重复的情况。...说明前面绑定的事件又重复之前了一遍。这个就有点像jquery执行动画效果之前，需要使用一个stop()方法，将之前执行的动画都停止掉一样。...这种事件绑定重复的执行问题，需要一个unbind()方法，先解除绑定，再绑定执行，才能解决重复执行。不然重复进行绑定事件，那么就会重复执行事项。查看解决代码看看问题代码，如下： ?...就是箭头的位置多次进行click事件绑定导致重复执行了。解决方法，如下： ? 在执行事件绑定之前，进行 unbind('click') 即可。 ?...设置了unbind之后，日志打印没有重复执行的情况了。

2K3 0

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

$('#div1').bind('mouseover click', function(event) { alert($(this).html()); }); }); 取消绑定事件...div1').bind('mouseover click', function(event) { alert($(this).html()); // $(this).unbind...(); $(this).unbind('mouseover'); }); }); 看了上面的这个示例，再来完整写示例编写一个click事件的示例 ?...可以看到，使用这种方式绑定click事件也是可以的。那么，如果希望点击一次就不能点击，就可以设置一下解绑事件，如下： ? 从这里可以看出，只能触发一次click事件。因为已经解除绑定了。...同时绑定两个事件 click mouseover ? 两个事件都可以触发打印日志。那么解绑是不是也一样可以写多个的呢？ ? 解除绑定的确可以写多个事件同时解除。

2K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

JQuery中bind和unbind函数

JQuery中bind和unbind函数测试：页面代码： JQuery代码： $().ready(function(){ for (var i = 0; i < 3; i++) { $("input...bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数 unbind() 方法移除被选元素的事件处理程序。...function 是用来绑定的处理函数。...mouseleave(function(){ $(".test").bind("click",Func); //添加click事件 }); });event 是事件类型 … function 是用来绑定的处理函数

1.6K2 0

jQuery 动态绑定

这是在项目过程中所遇到的一个问题，给 JS 动态生成的元素绑定事件失效，代码如下所示：$(".more-btn").on('click', function() { console.log("peace...and love")};其中，more-btn 按钮是通过 layer 模块动态生成的，而我们在按钮上绑定的点击事件却没能生效，这是因为 DOM 节点还没有渲染出来，我们就将点击事件就绑定上了而通过查阅...jQuery 的 API 文档，on() 方法是支持给动态元素绑定事件的，即事件委托模式，我们首先要获取需要绑定的 selector 的父级元素或祖先元素，比较简单粗暴的办法就是使用 body 或者...document，然后在你绑定的事件后面跟上你的 selector 即可，代码如下所示：$(document).on('click',".more-btn", function() { console.log

2.5K3 0

关于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.7K2 0

jquery事件绑定

.trigger(event[,extraParameters]) 　　　　event 　　　　　　一个jquery.event对象。　　　　....triggerHandler(event[,extraParameters]) 　　　　　　event 　　　　　　　　一个 jQuery .Event 对象. 　　　　　　....unbind() 　　从元素上删除一个以前附加事件处理程序。　　....unbind(event) 　　　　一个jquery.event对象。　　.unbind() 　　　　此签名不接受任何参数。　　...$('#foo').unbind('click') 　　　　　　//删除所有点击事件。

4.8K7 0

jQuery预绑定

预绑定首先解释一下什么叫预绑定。预绑定，顾名思义，就是在Web页面上的控件还没出现之前就绑定好事件。预绑定主要是指jQuery中的.on()方法。 2....#root').find('#test').on('click', function() { ... }); 预绑定的jQuery代码： $('#root').on('click', '#test2...，或者上面的HTML代码开始不在页面上，是通过jQuery添加的，例如test2是在页面加载之后某个时刻添加的控件，使用一般的绑定控件事件的代码就会有问题，你会发现控件没有绑定事件，而使用预绑定的方法，...控件的事件就能绑定上，即使控件是后来添加的。...上面的内容就是jQuery的事件预绑定，jQuery文档地址为：http://api.jquery.com/on/。

7121 0

JQuery中的bind()和unbind()的理解「建议收藏」

bind()和unbind()提供了事件的绑定和取消机制，既可以绑定html默认支持的事件，也能够绑定自定义的事件。 1、JQuery中事件可以重复绑定，不会覆盖。...如果我们指定了自定义的参数，那么JQuery会将它放在事件对象的data属性中，即通过eventObject.data就能够拿到我们传递的参数值。 4、事件取消的三种形式。...unbind用来取消之前通过bind绑定的事件处理函数，总的来说有三种形式：取消所有事件、取消某种类型的事件、取消某种类型下的某个事件处理函数。...$(“#button1”).unbind(“click”)：只取消button1上绑定的click类型的事件处理函数。...可以看到这种做法非常的不好，因为这种做法不允许使用匿名函数，我们不得不暴露全局的函数(至少要求unbind的时候能够看得见)。JQuery提供了事件命名空间机制 5、事件命名空间。

1.9K3 0

jquery绑定回车事件

jsp的页面这个是js的代码 //绑定回车事件.../*为了获得兼容性更高的按键绑定支持，使用document.getElementById获取到按钮对象*/ function BindEnterUserName(obj){ var button...ps：这个必须要引入jquery的js的文件

871 0

jquery 绑定click事件

绑定click事件给元素绑定click事件，可以用如下方法： $('#btn1').click(function(){ // 内部的this指的是原生对象 // 使用jquery...DOCTYPE html> jquery/jquery

5.4K5 0

jQuery on绑定事件问题

DOCTYPE html> jquery/1.10.2/jquery.min.js"> 以前没注意，最近在使用on绑定事件时发现，通过for循环绑定动态绑定时，多个元素最终绑定的都是最后一次事件，不知道用while是不是也是一样，谁有清楚这种现象也可以说一下原因...解决方案：将for里面的绑定逻辑单独写一个函数即可。

3.2K3 0

jquery绑定事件的坑，重复绑定问题

我实现点击table表格中的删除按钮，找到当前按钮的祖先元素tr 然后删除该行，但是我首先点击删除的时候要先弹出提示框，是否要下载，这时在点击删除按钮删除，之前没有考虑到事件重复绑定问题，所以每次点击删除的时候就会多选择几行...，之后选择的越来越多，经过网友解答，成功解决，先把重复绑定的删除的click事件解绑再继续绑定，就没问题。...; $("#deleteModal"). modal(); $("#delete").unbind('click').click(function () { $("#deleteModal

3.1K1 0

Jquery获取DOM绑定事件

获取到当前正在执行的事件： $('#testDive').bind('click', function(event){alert('event: ' + event.type)}); 获取所有绑定事件：

2.8K2 0

jquery 绑定回车(Enter )事件

如果想模拟Tab键，只要写成 if (window.event.keyCode==13) window.event.keyCode=9 就行了，它会跳到另一个元...

3.6K2 0

JQuery 事件绑定不生效

一个同时问我，JQuery事件绑定为什么不生效，最好通过查找，发现了问题。一般而言，JQuery事件绑定不生效，是一些新手经常遇到的问题，其实都是简单的问题，大概分两种情况。...在未加载完成之前，通过$("#button1").click方法来进行事件绑定，由于此时未加载完成，实际上$("#button1")是一个空数组，所以最终的结果是未对任何元素进行事件绑定。...那么如何解决这个问题呢，其实这个问题本不应该发生，一般新手比较容易出问题，解决的方式很简单，把事件绑定放在加载完成之后，JQuery的做法是： $(function(){ $("#button1").click...(function () { alert("button1 clicked"); }); }) 绑定事件后移除了元素重新加入再看button2，button2首先通过JQuery...会自动把绑定的事件移除掉了，然后在加入的时候，事件绑定已经不存在了；这种情况应该如何解决呢？

3.4K3 0

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

总结一下：jQuery 事件绑定和 JavaScript 原生事件绑定及区别 jQuery 事件绑定 jQuery 中提供了四种事件监听绑定方式，分别是 bind、live、delegate、on...，对应的解除监听的函数分别是 unbind、die、undelegate、off。...",myAlert); 3 4 function myAlert(){ 5 6 alert("我是对话框"); 7 8 } jQuery 事件绑定和 JavaScript 事件绑定的区别...jQuery 中的事件绑定具有叠加性，JavaScript 的事件绑定则是可覆盖的。...可以发现：使用 jQuery 的事件绑定方法，对同一个元素的 click 事件先后绑定了三个处理函数，结果按顺序都输出了，说明了 jQuery 的事件处理函数是叠加的；而使用 JavaScript

7K2 0

jquery当中bind和unbind，pageX，pageY，.screenX， screenY是怎么用的？

例 2.2（e.pageXscreenX.html） jquery.min.js">Screen: " + posScreen); }); $("input[type=button]").click(function(){ $("body").unbind

7105 0

前端基础-jQuery简单事件绑定

第4章简单事件绑定所有事件在jquery中都是jquery对象的方法 click(handler) 单击事件 mouseover(handler) 鼠标悬浮事件 mouseout(handler...function(){ $('#btn').click(function(){ alert("来了老弟~"); }); }); 绑定事件时...，jquery对象中有多个dom元素，则自动给所有元素均绑定事件。

8881 0

jquery事件绑定性能测试

使用jquery对节点绑定事件时，例如绑定click事件，常用的方式有: （1）$('x').click(function (){}); （2）$('x').delegate('childnode',...'click', function (){}); delegate委托方式是jquery后推出的，而且我们经常可以看到有文章推荐使用delegate，delegate方式相比直接绑定有什么优势呢？...测试生成一万个 li 节点，对其进行 click 事件绑定，分别使用上面的两种方式，测出各自的执行事件代码这里使用php动态生成一万个li jquery.js"> $(function (){ var st

1.4K5 0

jQuery 查找on事件绑定元素的被绑定元素方法

jQuery 查找on事件绑定元素的被绑定元素方法遇到的问题今天写了一个JQ插件,结果里面有一点问题.让我很郁闷.问题演示代码如下 $box.on('click', 'img', function(...解决方法如下: $box.on('click', 'img', function(){ $box.has($(this)) }); 如上,通过 .has 操作,就能找到唯一的父级被绑定元素了.

5.5K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭