鼠标事件响应顺序测试onmousedown/onmouseup/onclick
-
作者：Lightning@小宝
发布时间：February 24, 2010
分类：JavaScript学习笔记
先看下代码：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="show"></div>
<hr style="margin:50px 0px;"/>
<script>
function T(id){return document.getElementById(id);}
var show = window.show = T('show');
window.onload = function(){
T('te').onclick = function(e){
// var e = e||window.event;
// var _this = e.srcElement ? e.srcElement : e.target;
show.innerHTML += ' click ';
};
// T('te').onmouseover = function(){alert('over');}
// T('te').onmouseout = function(){alert('out');}
show.innerHTML = 'start: ';
T('te').onmousedown = function(){show.innerHTML += ' down ';}
T('te').onmouseup = function(){show.innerHTML += ' up ';}
}
</script>
<a id="te" href="javascript:;" style="border:1px solid red;padding:10px;">aaaaaaaaaaaaaaaaaaaaaaaa</a>
</body>
</html>
事件响应顺序为： mousedown -> mouseup -> click ; 有些情况可使用mousedown 替代 click 已减少事件响应事件！
当前暂无评论 »