jsp 单机和双击事件

时间:2023-01-08 16:42:55

公司要求给一个按钮加一个双击和单机事件  整理了一下   做个笔记

HTML  单机和双击事件

<a href="javascript:void(0)"  ondblclick="two_click_company(${cmp.cid})"
onclick="one_click_company('${cmp.company}')" >
<c:if test="${cmp.timeRange == 'pm' }">
${cmp.company }
</c:if>
</a>

jquery

      var timer = null;

     //单击公司事件
//在单击事件中添加一个setTimeout()函数,设置单击事件触发的时间间隔
function one_click_company(company){
//清除 上一个单击事件
clearTimeout(timer);
timer = setTimeout(function() {
alert("单击事件");
}, 200);
} //双击公司事件
//在双击事件中,先清除前面click事件的时间处理
function two_click_company(cid){
//清除 上一个单击事件
clearTimeout(timer);
alert("双击事件");
}