jQuery中让点击事件只触发一次（$("").one("click",function(){});）

最新推荐文章于 2020-12-15 22:48:10 发布

bachan5026

最新推荐文章于 2020-12-15 22:48:10 发布

阅读量1k

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/DillonFly/p/4561933.html

版权

有时候该按钮要求只能进行一次点击操作，又不想通过代码逻辑来处理，判断次按钮是否被触发过，就可以用这个小技巧来写

jQuery代码

$(function () {
　　$(":button").one("click", function () { //事件只触发一次
　　　　alert("dianle")
　　});
});

转载于:https://www.cnblogs.com/DillonFly/p/4561933.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

bachan5026

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

jQuery的单机和双击事件

weixin_44619450的博客

05-18

3809

jQuery的单机和双击事件（1）单机事件 click 定义和使用：当点击元素时，会发生 click事件。当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次click。 click() 方法触发click事件，或规定当发生click事件时运行的函数。触发click事件的语法：(“abc”).click();将函数绑定到click事件：(“abc”).click(); 将函数绑定到click事件：(“abc”).click();将函数绑定到click事件：(“abc”...

jQuery 中$(this).index与$.each的使用指南

10-25

例如，在一个动态的选项卡切换效果中，我们可能先使用 $(this).index() 快速定位到被点击的元素索引，然后利用 $.each() 对其它元素进行批量处理。通过这种结合使用，可以实现更加灵活和复杂的 UI 交互效果。另外...

参与评论您还未登录，请先登录后发表或查看评论

jquery的事件点击一次却执行多次的解决方法

菜菜鸟的博客

08-23

1229

原因： Click事件绑定了多次，只是没有触发执行，故当我触发调用一次时，它便执行多次。解决的办法：每次绑定前先取消上次的绑定。KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id").unbind('cl…("#id").unbind(‘click’).on(“click”,function(){}) ...

$().click()和$().on('click','要选择的元素'，function(){})的区别

热门推荐

qq_41676216的博客

11-29

1万+

$(选择器).click(function(){})：页面中已经存在的DOM。 $(ducument).on(‘click’,‘要选择的元素’,function(){})：动态创建的元素也能触发事件，且ducument在页面已经存在，而不是动态添加的。 on方法包含很多事件，点击，双击等等事件。下面举例子说明： //CSS可忽略 <!doctype html> <h...

jQuery实现只能点击一次

月来better

12-15

865

项目中会遇到只能点击一次，若再点击则失效 <ul id="footer"> <li data-id="cat">cat</li> <li data-id="dog">dog</li> <li data-id="pig">pig</li> <li data-id="monkey">monkey</li> </ul> $("#footer li").one('click',funct

jQuery中$.click()无效问题分析

12-09

今天做表格前台导出到xls时，想自动触发a的点击。但失败。最后找到这个文件。我尝试过多次用jQuery模拟用户点击a标签的功能，但都没有成功，并且困扰了很久。前段时间的一次发呆，冒出了新的想法，于是就动手进行了...

jQuery第一次运行页面默认触发点击事件的实例

10-18

知识点一：jQuery中触发点击事件的基本方法 jQuery提供了一个非常方便的`.trigger()`方法来模拟事件触发。此方法可以绑定到指定的元素上，用来触发绑定到该元素上的事件。例如，若要触发一个元素的点击事件，可以...

JQuery入门——用one()方法绑定事件处理函数(仅触发一次)

12-12

本篇文章将深入探讨jQuery中的`one()`方法，这是一个用于事件处理的独特功能，允许开发者为元素绑定一个只触发一次的事件处理函数。 `one()`方法的核心在于它的一次性特性，这使得它在某些场景下特别有用，比如初始...

jquery Click事件点击一次，执行多次原因之一

suxuelian的博客

08-30

5127

整理多个方法。方法一，使用unbind进行重新绑定：用jquery 绑定一个按钮click事件后，第一次点击后，一切正常，第二次点击，竟然执行两次，以后越来越多。后来查看文档发现 jquery click 不是替换原有的function 而是接着添加，所以才会执行次数越来越多。 function noteSubmit(contentObj){ //点击发送按钮事件 $('.noteB...

按钮只能点击一次的jq方法

DeBruyne的博客

07-16

2428

$("btn").one("click",function(){ 做什么事儿都行; })

jQuery中的 .click()，on.('click')，one.('click')的区别

nijiangye的博客

09-29

1266

这里写自定义目录标题jQuery中的 .click()，on.('click')，one.('click')的区别.click()，on.('click') 的区别事件绑定解除事件 jQuery中的 .click()，on.(‘click’)，one.(‘click’)的区别 (′body′).click(function())和('body').click(function(){ })和(′bo...

jQuery一段时间内点击 button只执行一次click事件

weixin_34075551的博客

11-02

1155

为什么80%的码农都做不了架构师？>>> ...

(function() {})();只执行一次

NOT NULL

03-11

3836

测试例子： var xx = (function() { (function() { alert(9) })(); alert(10) return "yyyy"; })(); 调用： alert(xx); 在调用的时候，你会发现只弹出"yyyy"信息，并不见弹出"10"的信息！这也就是说，这个匿名函数只在立即调用的时候执行一次，这时它已经赋予了给xx

关于jquery中的点击事件，每点一次执行的效果就叠加一次，click是添加点击事件的意思

baidu_41205301的博客

12-08

5648

关于jquery中的点击事件，每点一次执行的效果就叠加一次，click是添加点击事件的意思

JQuery样式操作与事件应用：点击事件和选项卡示例

点击事件是用户交互中最常见的事件之一，常用于触发某些动作或改变页面状态。 4. **选项卡应用**：选项卡是一种常见的UI组件，用于在有限的空间内展示多个视图。通过索引值，我们可以追踪当前激活的选项卡，并根据...