js点击事件重复点击，js点击事件一次后失效

jquery,点击一个节点,执行某一事件,再次点击,执行另一个事件,要能循环...

新建一个html文件，命名为test.html，用于讲解怎么让jquery事件执行一次。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

可以使用setTimeOut 定时器，或者你多执行几遍你的这个事件。

最近做项目为一个添加按钮绑定点击事件，很简单的一个事情，于是我按照通常做法找到元素，使用jquery的on()方法为元素绑定了点击事件，点击同时发送请求。完成后看效果，第一次点击没有问题。

相关问答

Q1: js怎么防止重复点击

在手机上点击【设置】图标进入系统设置菜单，下拉并点击进入【关于手机】界面。在界面中连续点击【版本号】直至提示已开启开发者模式，返回到【系统和更新】设置中点击进入【开发人员选项】。

可以添加标记，第一次点击后变为false，每次点击判断这个标记是true才执行。如果是按钮防止重复点击，可以再按钮点击后，给按钮添加disabled属性。

建议使用ref，给button添加注册ref引用，然后在表单提交的时候，获取button按钮，使其disable置灰。ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs对象上。

用jQuery的方式 jQuery专门为此功能提供了一个函数one。这样写就能让click这个事件只执行一次。

由于你的服务器响应比较慢，最好在请求http的时候，加一个动态效果（比如：加载中...，等等），同样请求成功后隐藏动态效果，个人认为这样给用户的体验感比较好。当然用验证码也可以有效防止表单重复提交。

，尽可能少地使用服务器端控件，2，习惯用javascript做一些室内操作不访问服务器，利用ajax技术，学习必要的js框架。

Q2: js怎么实现点击选中,再次点击取消。

1、给定的初始值。input中是为点击。value=0。当第一次点击时删除disabled的属性，这样用户可以点击提交。根据value进行判断。

2、按钮这个是按钮 var btn = document.getElementById(btn)；btn.onclick=function(){//添加点击事件 if(btn.className.indexOf(active)){ //说明已经是选中状态 btn.className = ；//清空class。

3、用jQuery的方式 jQuery专门为此功能提供了一个函数one。这样写就能让click这个事件只执行一次。

4、做2个radiobutton 一个选中 一个不选中 一个显示 一个隐藏 点了显示选中的 再先就显示没选中的那个 JS就可以实现了。

5、jQuery(function(){ $(.flip).click(function(){$(.panel).slideToggle(slow)；})；})；点击这里，隐藏/显示面板一寸光阴一寸金，因此，我们为您提供快捷易懂的学习内容。

6、Hi，你的操作就是当已经选择过的情况下你需要删除掉数组的相应值。我帮你改写了一下，数组值需要存储选框的下标就可以了的。

Q3: 请问这个css+js代码为什么点击事件会重叠?

这个是事件冒泡！和css没啥关系，就是JS的事。

因为子元素在父元素的容器内。给父层元素绑定事件，实际上已经包括了父层元素内的所有区域，所以也包括子元素，所以点击子元素会触发父元素的点击事件。对于事件而言，这是一种事件传递。

所以这个js要放到list元素的后面引用。网上很常见那个上下左右不间断循环滚动图片的js就存在这个问题。js放在html最后的情况 某些js功能并不重要，其本身不载入不影响页面功能或美观。

CSS：层叠样式表，通过设置对应的样式属性可以修改html文档内各元素的显示、位置等样式；如修改颜色、字体、字号、宽高、位置、背景等。

把所有的处理时间的程序代码封装到一个函数方法里。包括var refer=true；这一句变量赋值也要放进函数里。 然后再html标签事件触发调用指定的方法名称。想重复调用多少次都行，因为你传进去的id值不同。

为什么说HTML是不严谨的呢？因为HTML标签即使不闭合，也并不会影响页面内容的组织。

Q4: javascript中,为什么双击事件之后必定会触发两次单击事件?

} 给你做了个demo，基本原理是使用线程处理，定义一个外部全局变量，确定是否双击。这里强调一下，关键在于把单击事件执行使用sleep滞后，判断在1秒内是否有再次点击，如果是，那么不执行单击事件，只执行双击事件。

js 的单双击事件同时存在会有一个问题：双击事件会同时触发单击事件，两个事件存在冲突。我们加一个延迟时间就能很好的解决这个问题。

click。仔细看，其实双击事件就是执行了两次单击事件，那这种情况下，怎么才能避免触发单击事件呢？解决问题的关键在于延迟定时器setTimeout，单击事件延迟执行，如果检测到连续点击的话，就认为是双击事件，不在执行单击事件。

在JS中代码中同一功能块中通常同时会用到单击、双击事件，但通常会遇到一个问题，就是在双击的时候即执行了一次双击事件，而且还执行了两次单击事件。此类冲突在ZTree、DHTMLX中经常遇到。

双击是ondblclick，忽略掉双击直接ondblclick=function(){return false；} 经测试，在chrome里，如果不指定ondblclick，或者指定ondblclick=function(){return false；}，执行双击的结果就是两次单击。

因为程序需要实际调试，所以在这里给点小建议。1：这里每次点击都会触发一次get请求，那么就用firebug看有没有发出去请求。2：设置alert断点，看看你到底有没有触发出这个匿名函数。

关于js点击事件重复点击和js点击事件一次后失效的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。