给同一个按钮添加单双击事件

1.单双击事件的添加。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>单双击事件</title>
 6 </head>
 7 <body>
 8 <input type="button" onclick="return fun(1)" ondblclick="return fun(2)" value="按钮">
 9 <script>
10     var dblnum=0;
11     function fun(num){
12         dblnum=num;
13         if(dblnum==1){
14             window.setTimeout(function(){
15                 if(dblnum!=2){
16                     console.log(‘单机‘);
17                     dblnum=0;
18                 }
19
20             },500)
21         }
22         if(dblnum==2){
23             console.log("双击");
24             return false;
25         }
26     }
27 </script>
28 </body>
29 </html>
时间: 2024-12-28 23:17:40

给同一个按钮添加单双击事件的相关文章

Android 给按钮添加监听事件

在安卓开发中,如果要给一个按钮添加监听事件的话,有以下三种实现方式 1.方式一 public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //获取button按钮 Butt

JS同时绑定单双击事件

这两天工作上遇到这种情况,需要在tree组件上的每个节点绑定单双击事件,怎么实现呢?借助js的定时器来实现这个功能吧,思路是这样的:给定时器设置一个时间,如果在该时间段内用户点击一次则触发单机事件,大于1的话就执行双击事件.废话不多说,这里我们用一个示例来说明: 首先要引入jQuery,这里用jquery来为测试元素绑定事件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <

Extjs给gridPanel添加单价双击事件和获取当前行的数据

有两个小属性,如下 this.on('rowdblclick', this.readContent, this); this.on('cellclick', this.gridCellClick, this);  //第一个是单机双击事件,触发的事件,第二个是相应的方法,第三个是作用的范围 readContent : function(grid, rowIndex, e) {  //第一个是当前grid,第二个是当前行,第三个是参数        var rec = grid.getStore(

EXT gird添加单击 双击事件

1.双击 var dblGrid = new Ext.grid.GridPanel({           }   dblGrid.addListener('rowdblclick', rowdblclickFn); function rowdblclickFn(grid, rowindex, e){          grid.getSelectionModel().each(function(rec){          alert(rec.get(fieldName)); //fieldN

JS单双击事件并存

var intervalTimer = null; function do_click(event) { clearTimeout(intervalTimer); //取消上次延时未执行的方法 intervalTimer = setTimeout(function() { // click 事件的处理 }, 500); } function do_dblclick(event) { clearTimeout(intervalTimer); // dblclick 事件的处理 }

UGUI按钮添加点击事件

1. 可视化创建及事件绑定 # 1 : 通过 Hierarchy 面板创建 UI > Button. 2 : 创建一个脚本 TestClick.cs, 定义了一个 Click 的 public 方法(一定要是public的方法). 3 : 把 脚本 TestClick.cs 挂到一个游戏对象或者Button本身上. 4 : 把挂脚本的游戏对象拖到图中Button的画红圈的位置. 5 : 点击图中Button的画蓝圈的位置,选择TestClick脚本,选择Click方法. 运行.

7.1.15 单双击事件

原文地址:https://www.cnblogs.com/beallaliu/p/9673855.html

[转] Ext Grid (ExtJs)上的单击以及双击事件

例1: 1.双击 var cb = new Ext.grid.RowSelectionModel({ singleSelect:true //如果值是false,表明可以选择多行:否则只能选择一行 }); var alarmGrid = new Ext.grid.GridPanel({ } alarmGrid.addListener('rowdblclick', rowdblclickFn); function rowdblclickFn(grid, rowindex, e){ grid.get

JQuery如何实现双击事件时不触发单击事件,解决鼠标单双击冲突问题

在jQuery的事件绑定中,如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblclick)时却会触发两次单击事件(click). 但有时候我们希望在执行双击事件的时候不去出发单击事件,那究竟该如何实现呢? 少bb 上代码 : <!DOCTYPE html> <html lang="en"> <head> <meta charset