JS one方法 只在第一次触发时执行

最新推荐文章于 2022-07-11 21:14:39 发布
最新推荐文章于 2022-07-11 21:14:39 发布
阅读量4.5k 收藏
点赞数 1
分类专栏： Javascript Web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aphy358/article/details/50069817
版权

有的时候在前端页面控制一个事件只在第一次触发时执行，

那么这个时候就要用到one方法，比如我想在第一次点击一个按钮的时候执行一段代码：

$("#doubi").one('click', function () {
    debugger;
    //TO DO...
});
这里的‘click’是事件名，还可以是其他事件名，如‘hover’等等...

aphy358
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
12-12
本篇文章将深入探讨jQuery中的`one()`方法，这是一个用于事件处理的独特功能，允许开发者为元素绑定一个只触发一次的事件处理函数。 `one()`方法的核心在于它的一次性特性，这使得它在某些场景下特别有用，比如初始...
jQuery第一次运行页面默认触发点击事件的实例
11-30
- 使用`.one()`方法可以只让事件处理函数执行一次，防止重复触发。 总结，jQuery提供了一种简单有效的方式来触发页面加载时的默认点击事件。通过理解jQuery的选择器、事件处理和DOM操作，开发者可以创建更加交互式...
js one() 方法
weixin_34414196的博客
07-08 641
js 中有个类似于bind()方法的one() 方法，one()方法的作用是执行一次，为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。事例代码如下：<script type="text/javascript"> $(function(){ 　　　　$("#tag2").find("li:eq(1)").one('click', function(){...
js基础 one
PuRuiLing的博客
04-11 495
js忽略空格符和换行符 js严格区分大小写 ；为js的结束符 可以使用{}扩成一个语句组，形成一个block块 通过 \ 实现折行操作 document.write('hello \ world'); 通过document.write() 向文档书写内容 通过xonsole.log()向控制台写入内容
js one
vhkuhdf的博客
10-19 145
prompt 输入框 alert 输出 console.log 控制台输出 var 定义变量 isNaN() 用来判断非数字 是数字出现false console.log（isNaN（））
one方法
Vivian_shuang的博客
07-22 401
DOCTYPE html> html> head> meta charset="UTF-8"> title>title> script src="js/jq/jquery-2.1.3.min.js" type="text/javascript" charset="utf-8">script> script type="text/javascript"> $(documen
JavaScript one
qq_52988578的博客
03-01 918
JavaScript 初识 JavaScript JavaScript 是什么 ？ JavaScript (简称 JS) 是世界上最流行的编程语言之一 是一个脚本语言, 通过解释器运行 主要在客户端(浏览器)上运行, 现在也可以基于 node.js 在服务器端运行. JavaScript 之父 :布兰登·艾奇 JavaScript 发展历史可以参考阮一峰大神的博客 : Javascript诞生记 - 阮一峰的网络日志 (ruanyifeng.com) JavaScript主要功能 嵌入动态文本于HT
one-handle:多次调用，响应一次
05-28
函数，后面函数都会归到队列里面，等待第一次函数完成，当 然，第一个的Promise状态也会影响到队列里面的状态 （resolve还是reject） 通过oneHandle可以创造出4中时效性的缓存 oneHandle(fn): 并发时效性 oneHandle...
jQuery中bind,live,delegate与one方法的用法及区别解析
10-26
// 该函数仅在第一次点击时执行 }); ``` 一旦事件触发，`.one()` 将自动解除事件绑定，所以处理程序不会再次执行。 总结来说，`.bind()` 适用于已存在的静态元素，`.live()`（已被弃用）和 `.delegate()` 用于...
js进阶 12-13 jquery中one方法和trigger方法如何使用
weixin_34293911的博客
07-10 214
js进阶 12-13 jquery中one方法和trigger方法如何使用 一、总结 一句话总结： 1、one()方法和on()方法的区别是什么？ 除了one()只执行一次，其它和on()一模一样，包括事件委托了额外参数等 22 //one()函数绑定的事件处理函数都是一次性的 23 $('#btn1').one('click',function(){ ...
js入门-one
qq_32538087的博客
03-30 3077
一、js定义     javascript是一种弱类型、动态类型、解释类型的脚本语言。            弱类型：类型检查不严格，偏向于容忍隐式类型转换。            动态类型：运行的时候执行类型检查。            解释类型：程序不需要编译，程序在运行的时候才翻译成机器语言，每执行一次都要翻译一次，因此效率低，但跨平台性好。 二、js 的组成（js之父：Brend...
JS笔记one
qq_45963655的博客
07-11 238
笔记
js作用域链
weixin_45846303的博客
12-23 94
作用域 作用域就是代码的执行环境，全局执行环境就是全局作用域，函数的执行环境就是私有作用域，它们都是栈内存。 执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象，但解析器在处理数据时会在后台使用它。 全局执行环境是最外围的一个执行环境。根据 ECMAScript ...
js代码只生效一次的方法（不是one方法）
你酒不掩心的博客
08-29 2073
jquery 的one方法是代码只执行一次，代码内容是永久生效的。 查了一些资料，我们可以利用window.name 或者 window.parent.name 利用js或者jquery的加载函数判断名字来实现，代码只生效一次的问题，因为每次加载页面都要判断window名字 代码如下： if(window.parent.name == "PopDialogadd"){ ...
只执行一次的事件one(“事件名”，function(){}) 和可多次执行的事件bind(“事件名”，function（){})
Fanbin168的专栏
11-02 3605
hover的用法 $(function () { $("#butt").one("click", function () { alert("这个click事件只执行一次"); }) }) $(function () { $("
js事件只触发一次
weixin_42154825的博客
03-30 2883
设flag变量标识，避免聚焦时反复被触发，其他事件同理 var education = { "0": "普高/中职", "1": "大专", "2": "普通本科", "3": "985/211/双一流", "4": "硕士", "5": "博士" ...
让一段js代码在某段方法执行后失效
qq_39504802的博客
06-18 722
使js代码执行一次后失效，跷跷板理论
vue中实现同一个方法在1秒中只执行一次
最新发布
06-10
在Vue中实现同一个方法在1秒中只执行一次可以使用防抖或节流的方式。 1. 防抖：在指定的时间内，如果事件被触发多次，只执行最后一次触发的事件。 可以使用lodash库中的debounce方法来实现防抖： ```javascript import { debounce } from 'lodash' export default { data() { return { inputValue: '' } }, methods: { handleInput: debounce(function() { console.log(this.inputValue) }, 1000) } } ``` 2. 节流：在指定的时间内，事件被触发多次，每隔指定时间执行一次事件。 可以自己实现一个简单的节流函数： ```javascript export default { data() { return { inputValue: '' } }, methods: { handleInput() { throttle(() => { console.log(this.inputValue) }, 1000) } } } function throttle(fn, delay) { let timer = null return function() { if (!timer) { timer = setTimeout(() => { fn.apply(this, arguments) timer = null }, delay) } } } ``` 以上两种方法都可以实现同一个方法在1秒中只执行一次，具体使用哪种方式取决于需求。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值