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

3812

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

jquery中的事件方法

qq_44820039的博客

05-24

234

1.on() 在被选元素及子元素上添加一个或多个事件处理方法参数：(events[,selector][,data],handler) events : 事件类型（必填） selector ：添加事件的元素（可选）用于过滤出被选中元素中能触发元素的后代 data: 传递数据，当一个事件被触发时，要传递给事件处理函数的 event.data handler：function 事件被触发时的处理函数，如果函数只要执行return false,可简写为 false 示例：首先看selector <div

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

jquery如何实现一个按钮只能点击一次，再点击就无效？

欲寄彩笺兼尺素，山高水阔知何处

09-27

1万+

$("button").click(function(){ $(this).attr("disabled","disabled"); });

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

菜菜鸟的博客

08-23

1232

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

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

12-09

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

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

10-25

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

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

10-18

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

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

12-12

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

只执行一次的事件one(“事件名”，function(){}) 和可多次执行的事件bind(“事件名”，function（){})

Fanbin168的专栏

11-02

3621

hover的用法 $(function () { $("#butt").one("click", function () { alert("这个click事件只执行一次"); }) }) $(function () { $("

click()和one.(“click“,function ())的区别如何使click点击一次后失效

weixin_45439010的博客

10-22

435

效果展示 html部分 <p class="p-first">0</p> <button class="btn-first">cal-1</button> <p class="p-twice">0</p> <button class="btn-twice">cal-2</button> script部分 //第一个累加器 $('.btn-first').click(function () {

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

qq_41676216的博客

11-29

1万+

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

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

DeBruyne的博客

07-16

2430

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

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事件点击一次，执行多次原因之一

suxuelian的博客

08-30

5129

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

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点击事件只触发一次的解决方法