jsp页面单击 双击事件区分

点击事件的执行顺序: 
单击(click):mousedown,mouseout,click; 
双击(dblclick):mousedown,mouseout,click , mousedown,mouseout,click,dblclick; 
在双击事件(dblclick),触发的两次单击事件(click)中,第一次的单击事件(click)会被屏蔽掉,但第二次不会。也就是说双击事件(dblclick)会返回一次单击事件(click)结果和一次双击事件(dblclick) 结果。而不是一次双击事件(dblclick)结果和两次单击事件结果(click)。 
如此这般的话,只需消灭掉多余的一次单击事件(click),这个问题就解决了。

具体代码:

var timeFunction = null;

function click() {

// 取消上次延时未执行的方法

clearTimeout(timeFunction);

//执行延时

timeFunction = setTimeout(function(){

//do function在此处写单击事件要执行的代码

alert("单击");

},1000);

});

function dbclick() {

// 取消上次延时未执行的方法

clearTimeout(timeFunction);

//双击事件的执行代码

alert("双击");

})

时间: 2024-12-12 15:50:52

jsp页面单击 双击事件区分的相关文章

KendoUI Grid 绑定单击双击事件

原文:http://blog.csdn.net/sakuya_tan/article/details/51437857 <div id="grid"></div> <script> var grid = $("#grid").kendoGrid({ columns: [ { field: "id" }, { field: "name" } ], dataSource: [ { id: &qu

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

转载:Easyui中的Grid的行单击双击事件

$('#surveryGird').datagrid( {  loadMsg : "正在加载数据",  url : url,  height : 320,  width : 270,  searching : true,  pagination : true,//分页  sortName: 'reportTimeStr',  sortOrder: 'desc',  remoteSort: false,  onClickRow:function(rowIndex,rowData){   

GRIDVIEW单击双击事件

protected void gvTeacherTaskList_RowCommand(object sender, GridViewCommandEventArgs e) { if (e.CommandName == "ShowDetail") { } } protected void gvTeacherTaskList_DataBound(object sender, EventArgs e) { foreach (GridViewRow row in gvTeacherTaskL

[转] 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

IE和Chrome执行javascript对鼠标双击事件的不同响应

最近在用天地图API帮同学做点开发的工作,主要是基于天地图的API实现违法用地举报的在线地图标绘,要实现的效果如下: 由于是基于天地图API的TPolygonTool工具实现面积量测和多边形绘制功能,实现思路如下: (1)基于按钮的鼠标点击事件开启多边形标绘工具: 1 //开启/关闭违法标绘工具 2 function onClickPolyTool() { 3 var btn = document.getElementById("polyToolBtn"); 4 if (btn.val

GridView/DataGrid行单击和双击事件实现代码_.Net教程

功能: 单击选中行,双击打开详细页面 说明:单击事件(onclick)使用了 setTimeout 延迟,根据实际需要修改延迟时间 ;当双击时,通过全局变量 dbl_click 来取消单击事件的响应  常见处理行方式会选择在 RowDataBound/ItemDataBound 中处理,这里我选择 Page.Render 中处理,至少基于以下考虑  1.RowDataBound 仅仅在调用 DataBind 之后才会触发,回发通过 ViewState 创建空件不触发 假如需要更多的处理,你需要分

Qt:QPushButton 单击、双击响应区分

开发环境:win10+vs2015+qt5.9.1 背景:QPushButton的双击事件虽然一直有,但是在双击完成之前,总会响应到单击的事件处理或者连接槽,使用很不方便.自己子类化了一个QPushButton来区分这两种点击事件的处理 1 /* 2 * Description: 分开响应单击和双击的QPushButton 3 * Author: 公子开明 KaiMing Prince 4 * Detail: 默认的QPushButton,双击事件触发前会先触发单击事件,影响两个操作的分别处理

javascript双击事件取消默认的两次单击事件

当一个元素同时具有单击和双击事件时,双击时会触发2次单击和1此双击事件. 双击会:先第1次单击 ,同时触发第2次和双击事件. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; ch