html 左键右键双击事件,dblclick()
dblclick()
为JavaScript 的"dblclick"事件绑定一个处理函数,或者触发元素上的"dblclick"事件。.dblclick(handler(eventObject))handler(eventObject)类型:Function()。每次事件触发时会执行的函数。.dblclick([eventData ], handler(eventObject))eventData类型: Anything。一个对象,它包含的数据键值对映射将被传递给事件处理程序。
handler(eventObject)类型:Function()。每次事件触发时会执行的函数。.dblclick()这个方法不接受任何参数
这个函数的前两个用法是.bind('dblclick', handler)的快捷方式,第3个不带参数的用法是.trigger('dblclick')的快捷方式。一个元素被双击时将触发dblclick事件。任何HTML元素都可以收到此事件。请看下面的HTML:
Double-click here
Trigger the handler
这个事件处理器可以绑定到任何
alert('Handler for .dblclick() called.');
});
现在,如果我们双击这个元素,警报显示:
Handler for .dblclick()called.
Double-click here
Trigger the handler
应用不带参数的.dblclick(),我们可以手动触发这个事件:$('#other').click(function() {
$('#target').dblclick();
});
这些代码执行后,单击Trigger the handler同样警报显示。
dblclick事件只有在满足以下条件的情况下才能被触发:鼠标指针在元素里面时点击。
鼠标指针在元素里面时释放。
鼠标指针在元素里面时再次点击,点击间隔时间,是系统而定。
鼠标指针在元素里面时再次释放。
在同一元素上同时绑定click和dblclick事件是不可取的。各个浏览器事件触发的顺序是不同的,一些浏览器在dblclick之前接受两个click事件,而和其它浏览器只接受一个 click 事件。用户往往可通过不同的操作系统和浏览器配置双击灵敏度(两次点击之间的最大时间被检测为双击)。
Additional Notes(其他注意事项):.dblclick()方法只是作为.on("dblclick", handler)的一个速记写法,移除该事件可以使用.off("dblclick")。
例子
在段落上双击时,显示"Hello World!"提示框:$("p").dblclick( function () { alert("Hello World!"); });
双击时改变背景色。
div { background:blue;
color:white;
height:100px;
width:150px;
}
div.dbl { background:yellow;color:black; }
Double click the block
var divdbl = $("div:first");
divdbl.dblclick(function () {
divdbl.toggleClass('dbl');
});
Double click the block
html 左键右键双击事件,dblclick()相关推荐
- html 左键右键双击事件,html中在鼠标双击元素时触发的事件属性ondblclick
实例Copy Text 浏览器支持 IE Firefox Chrome Safari Opera 所有主流浏览器都支持 ondblclick 属性. 定义和用法 ondblclick 属性在鼠标双击元 ...
- 511遇见易语言大漠模块制作鼠标左键右键单击双击
本机视频封装的命令是大漠键鼠中的以下命令:LeftClick().LeftDoubleClick().LeftDown().LeftUp().MiddleClick().MiddleDown().Mi ...
- java鼠标各按键单击和左键击双击
下面代码实现了鼠标各按键单击和左键击双击,以及右键弹出菜单 JButton btn = new JButton("鼠标左键.右键.滚轮点击测试");btn.addMouseList ...
- java 双击按键_java鼠标各按键单击和左键击双击
下面代码实现了鼠标各按键单击和左键击双击,以及右键弹出菜单 JButton btn = new JButton("鼠标左键.右键.滚轮点击测试"); btn.addMouseLis ...
- android 9.0 10.0 上报鼠标左键右键给app调用
在进行TV定制化开发时,客户需要系统上报鼠标左键右键给app做处理 也就是 KEYCODE_META_LEFT 和 KEYCODE_META_RIGHT这两个事件 首选需要在 KeyEvent.jav ...
- 鼠标左键单击双击冲突的一种解决方法
鼠标在得到左键双击事件时,同时也得到了左键down的消息.在只想处理双击事件而不处理按下事件,有下面的方法. 思路: 在收到单击事件后,不处理单击事件,而是settimer,将单击事件对应的操作放到t ...
- 解决JS双击事件dblclick触发时,同时会执行click事件中的语句
双击dblclick事件,同时会执行click事件中的语句,当需要为一个元素同时添加这两个事件时,显然这不是我们想要的结果,举个实例,在最近做的canvas开发中使用鼠标画区域,鼠标单击一下开始画,鼠 ...
- js双击事件dblclick/ondblclick
js双击事件爬过的坑 <html> <head> <script type="text/javascript" src="/jquery/j ...
- Vue中的双击事件 @dblclick=“ “ v-on:dblclick=“ “
双击事件bd 目的:双击按钮显示相应内容 @dblclick="事件名" html部分代码如下所示 <button class="btn btn-default&q ...
最新文章
- MindSpore技术理解(上)
- ibatis mysql like_关于ibatis中like用法的补充
- 人工智能用哪个语言好 选择Python语言怎么样
- zabbix学习小结
- 检查图形是否为真彩色图形
- struts -Tiles介绍
- 前端学习(355):小练习
- 前端校验rules写法:
- 读取usb口数据_Mixly 第12课 模拟值读取实验串口使用
- 阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_13_常用的函数式接口_Predicate接口中的默认方法and...
- 使用JAVA调用MATLAB算法程序方式——使用复杂算例进行完整说明,包括参数传递
- 组态王的日历时间控件脚本
- 新世纪孙鹏飞带你整理平面排版
- java 6面骰子_Java实现的简单掷骰子游戏示例
- 蓝底换白底边缘不干净_PS∶红底证件照换成蓝色背景,边缘怎样处理,让照片更自然呢?...
- 5G工业无线网关是什么?5G工业无线网关可以实现哪些功能?
- android流光字体实现,CSS3自定义动画实现流光文字特效
- hibernate之多对多映射操作中间表
- SpringBoot集成Mybatis-Plus、Druid(SQL监控)
- 王者农药新模式——智慧王者 树形递归
热门文章
- Mac MongoDB客户端MongoBooster安装教程分享
- 【AI人工智能】用于代码生成的大型语言模型 Large Language Models for Code Generation
- C++ 实现matlab randperm函数
- 大咖说|“数智化转型不能用过去的方法简单套用”,淘宝教育、阿里云、智篆商业联合发布《钻石模型》
- 电脑蓝屏 STOP:0x000001(0x000001,0x000002,0x000000,0xA8DEF45F)处理
- Shell是什么?1分钟理解Shell的概念!
- 第一届 GraphQLParty 首场工程实践分享文字版
- python-selenium模块爬取动态网址实例---------【下载漫画码上面的漫画】
- 程序员必会英语词汇表
- js vue 文本转换语音