导航:首页 > 编程语言 > 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去掉页面双击选中相关的资料

热点内容
多益网络怎么通过 浏览:350
编程scratch软件怎么下载 浏览:595
json事件都有那些 浏览:566
excel宏编程如何修改内容 浏览:533
微信仿款车 浏览:350
oracle备份压缩文件 浏览:898
用vb编写汉诺塔程序的代码 浏览:864
如何在app中留坑 浏览:937
后方交会程序 浏览:265
石家庄市门户网站怎么下载 浏览:251
linux长格式显示文件链接 浏览:905
火狐app拦截窗口如何解除 浏览:154
视频文件快速分割工具 浏览:730
ps如何把章子盖到另一个文件上 浏览:497
发文件有哪些方式 浏览:346
word2007教学 浏览:185
win10图标不显示文件名 浏览:226
qq刷钻软件是真的吗 浏览:100
压缩文件下载后是记事本格式 浏览:432
还有什么云盘可以传文件 浏览:931

友情链接