1. js给某个text标签添加鼠标的双击事件
js 的单双击事件同时存在会有一个问题:双击事件会同时触发单击事件,两个事件存在冲突。
我们加一个延迟时间就能很好的解决这个问题。
原理: 当接收到第一个点击时,我们先把单击事件存储在这个是全局变量 click_store 里,如果 0.3 秒内没有接收到双击事件,就去执行它,如果接收到了,我们把它清理掉,然后去执行双击事件。setTimeout() 可以实现延迟执行。
2. js中 我要再页面做一个双击显示下拉菜单的功能 具体是在性别输入栏 双击后 下拉出男女供选择
干嘛用双击呢?不累吗?用单击不是更好?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#x{width: 69px;padding: 6px;border: 1px solid #000000;position: absolute;left: 11px;top: 40px;display: none;}
#x a{display: block;line-height: 25px;color: #000000;text-decoration: none; font-size:12px;}
#x a:hover{color: #FFFFFF;text-decoration: underline;background-color: #000000;font-weight: bold; font-size:12px;}
-->
</style>
<script language="javaScript">
<!--
var pos=function(str){
var Left=0,Top=0;
do{Left+=str.offsetLeft,Top+=str.offsetTop;}
while(str=str.offsetParent);
return {"Left":Left,"Top":Top};
}
function abc(str){
with(pos(str)){
document.getElementById('x').style.top=Top+22;
document.getElementById('x').style.left=Left;
}}
//-->
</script>
</head>
<body>
<input name="xingbie" type="text" id="xingbie" size="10" onclick="document.getElementById('x').style.display='inline';abc(this);">
<div id="x">
<a href="JavaScript:" onclick="document.getElementById('xingbie').value=this.innerText;document.getElementById('x').style.display='none';">男</a>
<a id="x2" href="JavaScript:" onclick="document.getElementById('xingbie').value=this.innerText;document.getElementById('x').style.display='none';">女</a></div>
</body>
</html>
3. js可以双击运行
必须可以啊~双击单击只是事件不同而已如果想双击运行就用ondblclick事件来触发就可以了~
4. js 怎么禁止双击事件,或者把双击事件改成单击事件
<button onclick="test(1)" ondblclick="test(2)"></button><script language="javascript">var i = 1;function test(n) {i = n;var val = setTimeout("call();",250);if(i==2){clearTimeout(val);}}function call() {if(i==1){alert('click');}else if(i==2){alert('dblclick');}}</script>
解决但双击冲突的方法
5. js加载时双击
js加载时双击:
1、新建一个html文件,命名为test.html,
2、在test.html页面中,使用button标签创建一个按钮,用于下面双击该按钮时触发双击事件。
3、在test.html页面中,给button按钮绑定ondblclick双击事件,当按钮被双击时,执行go()函数。
4、在test.html页面中,使用script标签标记js代码执行区域,
5、在js内,使用function创建一个go()函数,
6、在go()函数内,使用alert()方法弹出文字内容,例如,弹出这是一个双击按钮文字。
7、在浏览器打开test.html文件,双击按钮,弹出这是一个双击按钮文字。