在<a>标签里 单击时想要触发onclick,双击时想要触发ondblclick
我现在一直触发单击事件,,,,即使双击时,,,,各位帮看看是那的问题。
我现在一直触发单击事件,,,,即使双击时,,,,各位帮看看是那的问题。
解决方案 »
- childNodes下IE和FF(中间无空格)的值怎么差距这么大?怎么兼容?
- 用正则表达式,如何获取某文件(*.cs)里面的类名及命名空间
- 急!!(菜鸟)密码确认问题!!
- 请高手出手解决一下这个 函数,在线等!谢
- javascript的前景???
- Jquery append后删除元素的问题
- 功能非常棒的四舍五入函数有问题,请大侠们帮忙解决(改进函数或提供更好的函数都行)。。。
- 【分享】jQuery视频
- 怎样用javascript控制avi的播放???急!
- 如何动态控制marquee标记的滚动速度?
- 关于javascript的执行顺序
- 创建XMLHttpRequest对象时,回调函数不执行问题!在线等,急!~
<!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>
<SCRIPT TYPE="text/javascript" SRC="../js/jquery.js"></SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<SCRIPT>
/* $(document).ready(function(){
$("#s").click(function (){
alert(2)})
$("#s").bind("DblClick",function(){
alert(333)})
})*/
</SCRIPT>
</head><body>
<a id='s' onclick="javascript:alert(5)" ondblclick="javascript:alert(555)">fdfd</a>
</body>
</html>测试不行,,,,,
alert(333)}) 试试?
<HTML>
<HEAD>
<TITLE>javascript 实现单击和双击并存</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="http://www.javabiz.cn">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
var dcTime = 250; // doubleclick time
var dcDelay = 100; // no clicks after doubleclick
var dcAt = 0; // time of doubleclick
var savEvent = null; // save Event for handling doClick().
var savEvtTime = 0; // save time of click event.
var savTO = null; // handle of click setTimeOut
function showMe(txt) {
document.forms[0].elements[0].value += txt;
}
function handleWisely(which) {
switch (which) {
case "click":
savEvent = which;
d = new Date();
savEvtTime = d.getTime();
savTO = setTimeout("doClick(savEvent)", dcTime);
break;
case "dblclick":
doDoubleClick(which);
break;
default:
}
}
function doClick(which) {
if (savEvtTime - dcAt <= 0) {
return false;
}
showMe("\u5355\u51fb");
}
function doDoubleClick(which) {
var d = new Date();
dcAt = d.getTime();
if (savTO != null) {
savTO = null;
}
showMe("\u53cc\u51fb");
}
//-->
</SCRIPT>
<p>
<a href="javascript:void(0)"
onclick="handleWisely(event.type)"
ondblclick="handleWisely(event.type)"
style="color: blue; font-family: arial; cursor: hand">
点击一下看看结果: </a>
</p>
<form>
<table>
<tr>
<td valign="top">
事件模式:
<textarea rows="4" cols="60" wrap="soft"></textarea>
</td>
</tr>
<tr>
<td valign="top">
<input type="Reset">
</td>
</tr>
</table>
</form>
</BODY>
</HTML>
onmousedown="logIt('mousedown')"
onmouseup="logIt('mouseup')"
onclick="logIt('click')"
ondblclick="logIt('dblclick')"
>The event handlers are registered on this link</a>.<br />
<a href="#" class="page"
onclick="document.forms['testform'].elements[1].value =''; return false">Clear textarea</a>.</p>
<script type="text/javascript">
function logIt(evt) {
if (document.forms['testform'].elements[0].checked) alert(evt);
else document.forms['testform'].elements[1].value += evt + '\n';
}
</script>After all, when the user double–clicks on an element one click event takes place before the dblclick. Besides, in Netscape the second click event is also separately handled before the dblclick. Finally, alerts are dangerous here, too.So keep your clicks and dblclicks well separated to avoid complications.
这里面有段话:
Dblclick
The dblclick event is rarely used. Even when you use it, you should be sure never to register both an onclick and an ondblclick event handler on the same HTML element. Finding out what the user has actually done is nearly impossible if you register both.
你就没有发觉,才点了一下alert就出来了么,根本就无法双击?
你用alert这种拦截事件的方法来测试,简直是给自己找不自在
<script>
function T(x){dd.innerHTML=x;}
</script>
<a id='s' onclick="javascript:T(5)" ondblclick="javascript:T(555)">fdfd </a>
<div id='dd'/>
你去新建个网页贴进去执行了看看ondblclick有没有效果!
代码不规范自己修葺下
前面也早有个双星的兄弟说了是你用alert的问题
琢磨了以上各种回答1、说a标签不支持的真的是没经考证瞎说,大概以为和href有冲突
2、说dbclick和onclik不可以一起用还引用英文的,那是没看清楚,人家说的是弄清客户到底该执行什么动作,不要一起用,没说有冲突不能一起用( 因为双击时两个事件都会触发,我也不建议一起用)
3、说冒泡导致onclick2次点击的纯粹YY...我只知道冒泡机制是对dom树事件的传递起作用,还没听说对该dom本身事件的触发起作用的..吃饭7了...忘掉这神贴
<script>
var s=[]
function T(x){
s[s.length]=x;
dd.innerText=s;
}
</script>
<a id='s' onclick="javascript:T(5)" ondblclick="javascript:T(555)">fdfd </a>
<div id='dd'/>