Articles with event

Javascript中如何处理鼠标右键事件

Javascript中如何处理鼠标右键事件

不经意地被一位同事问起在javascript里面如何检测右键事件,并且屏蔽原来的右键菜单,上网查找一翻之后发现一些比较简单的方法。 如设置onmousedown,检查其event.button的值是不是2(代表右键)。 这个方法在FF和IE中都可用,但是在Maxthon中event.button却是0,这让我有点困惑,Maxthon不是IE内核的吗? 我只能设想Maxthon这个壳是做过手脚的。然而如果设置onmouseup,其event.button值就是2了。 所以如果检测右键的话,是设置其onmouseup即可。 document.getElementById("test").onmouseup=function(oEvent) { if (!oEvent) oEvent=window.event; if (oEvent.button==2) { //– do something for user right click // alert("Mouse up"); } } 但是如果还需要屏蔽右键的话,还是用oncontextmenu比较简单,但这时就不是检测右键,而是检测是否弹出上下文菜单。 屏蔽的方法跟屏蔽其他默认行为的方法是一样的,一般来说都是有效的,不过因为某些浏览器有禁止禁止弹出右键菜单的功能,所以如果需要在用户点击右键时做点事情,最好还是不要放在oncontextmenu中,而是放在onmouseup中并检测右键,附加oncontextmenu来屏蔽原来的菜单。 document.getElementById("test").oncontextmenu=function(event) { //– do something here // alert("ContextMenu…

Continue reading