JS中mouseDown和mouseUp事件的运用技巧是什么

很多朋友都对“JS中mouseDown和mouseUp事件的使用技巧是什么”的内容比较感兴趣，对此小编整理了相关的知识分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获，那么感兴趣的朋友就继续往下看吧！

大家知道，mouseDown事件和mouseUp事件的组合就是click事件，但是如果在链接上按下鼠标，并移到链接之外在放开鼠标，那么就只有mouseDown事件了。这两个事件可以增加图标按钮的图像效果，

至于mouseDown和mouseUp的属性，它们是伴随着Click事件发生的，这和keyPress事件是keyDown事件和keyUp事件组合而成的机制是一样的，这3个鼠标事件也有modifier属性。(注意：如果在onClick事件处理中使用return语句，它可以接收任何数值。只要这个值不是False，浏览器就可以完成提交。但如果浏览器得到的是False值，表单提交操作就会被取消。)

onClick是单击事件，onDblClick是双击事件，而实际上很难分清连续的单击和双击。它们会互相干扰。而且在ie和其他浏览器的情况还有不同。有的浏览器是双击事件的每一次单击都会触发单击事件，而在ie中，只有双击事件的第一次单击会触发单击事件。不管怎么样，单击事件都不会自动的取消或被忽略。因此，如果想使用单击和双击一个链接时触发两个完全不同的过程，则必须通过编程来延迟单击的动作知道双击。

例：

<script>

var timer=null;

document.onclick=new Function("timer=setTimeout(click,500)")

document.ondblclick=new Function("clearTimeout(timer);dblclick()")

function click(){

alert("click")

}

function dblclick(){

alert("dblclick")

}

</script>

在高版本的浏览器中，链接的这两种事件处理程序都监视那些使得脚本阻止链接的特殊行为。

例如：在想要的导航到另一个页面之前进行某些数据项的确认，如果某些域填得不正确，可以提醒并终止链接。要实现这种确认，必须在事件处理程序得最后一条语句或者事件处理程序自身返回True或False。如果返回False就终止链接。

（编辑：银川站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!