导航:首页 > 编程语言 > js去掉页面双击选中

js去掉页面双击选中

发布时间:2024-11-15 16:37:58

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文件,双击按钮,弹出这是一个双击按钮文字。

阅读全文

与js去掉页面双击选中相关的资料

热点内容
ug找不到指定的许可文件 浏览:850
数控编程g01表示什么 浏览:700
java实用类 浏览:190
去年做哪个网站能致富 浏览:727
多少的cad版本能打开pdf格式文件 浏览:540
win10文件比率是什么 浏览:652
msdb数据库置疑 浏览:210
移动花卡免流app为什么要10元 浏览:147
xamppphp配置文件 浏览:268
删除ghost文件 浏览:642
苹果7可置换地方 浏览:763
win10腾讯文件夹在哪里 浏览:262
在网站前面加什么可以看会员视频 浏览:908
哪个读书app支持格式最全 浏览:322
魅族mx3提示网络可能会受到监控 浏览:308
如何判断复制文件是否完整 浏览:803
qq接收的语音文件在 浏览:408
手机qq禁止查看动态 浏览:923
如何用编程求解二重积分 浏览:366
在桌面上搜索不到文件夹 浏览:723

友情链接