选择器字符串用于过滤出被选中的元素中能触发

日期:2020-03-12编辑作者:北京pk赛车网站-web前端

介绍

当用户双击DOM对象时,对于用户交互一直是个麻烦的问题。 幸运的是, jQuery 提供了一个相当棒的解决方法。 那就是.one这个方法是做什么的?

它附加了一个元素事件的处理程序并且每个元素只能运行一次事件处理器函数。

参数

.one( events [, selector ] [, data ], handler

events 类型: String

规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。就像“click”和“keydown.myPlugin”一样。

选择器参数 参数类型: String

选择器字符串用于过滤出被选中的元素中能触发事件的子元素

如果传null或者省略,当事件到达选定的元素时就会被触发

数据 参数类型: 任何类型

该参数的值在事件触发将会传递给的事件处理函数

事件处理函数 参数类型:函数类型

事件触发时应该调用的函数

false 也是允许的因为它就是简单return false;函数的简写形式

举例

$("#saveBttn").one("click", function () { alert("This will be displayed only once.");});

$.one("click", "#saveBttn", function () { alert("This displays if #saveBttn is the first thing clicked in the body.");});

当代码执行结束时,点击id为saveBtn的元素将会弹出警告框

之后的点击将没有任何反映

$("#saveBttn").on("click", function  { alert("This will be displayed only once."); $;

换句话说这和在绑定事件处理函数中显式调用off()作用是一样的

了解更多请点击

jQuery .one()

总结

上面所提到的方法是jQuery 1.7的新特性,所以如果你的元素点击事件不止触发一次,这可能是个解决方案哦。多么神奇的方法啊,如有任何疑问请联系我。

本文由北京pk赛车官网下载发布于北京pk赛车网站-web前端,转载请注明出处:选择器字符串用于过滤出被选中的元素中能触发

关键词:

输入几个字母就可以生成一大片代码出来

上篇我们讲过“介绍与基础语法”,接下来说下Emmet指令原理以及实战说明。 先前提到我们只要输入指令“!”就可...

详细>>

但是火狐浏览器和谷歌都不行

最近帮朋友修改他们的培训网站,需要屏蔽鼠标右键,还需要兼容IE,FF等浏览器,找了些方法,都只能支持IE的,但是...

详细>>

开发人员在写代码的时候不知道该直接调用还是

关于前端重构模块化的开发,我们按需加载为页面带来了很大的性能提升,但同时也为代码结构带来了很大的冲击,...

详细>>

今天抽点时间写出来分享下咯

最近一直忙于新岗位上的工作,有段时间没写博客啦,今天抽点时间写出来分享下咯。^_^ 近期主要负责公司的WAP项目...

详细>>