那你在处理的时候 只能当两次时间都发生的时候再进行处理
无论是先按的左还是右
只有当监听器得到2个时间都发生的情况下 才进行处理。。
代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>获取鼠标在Canvas中的坐标位置</title>
<style>
#canvas{
border:1px solid #ccc;
width:300px;
height:300px;
overflow:hidden;
}
</style>
<script>
function get_canvas(ev,obj){
m_clientX = evclientX-objoffsetLeft;
m_clientY = evclientY-objoffsetTop;
documentgetElementById("tips")innerHTML = "当前坐标：X："+ m_clientX + " ,Y：" +m_clientY;
}
</script>
</head>
<body>
<div id="tips"></div>
<div id="canvas" onmousemove="get_canvas(event,this)"></div>
</body>
</html>
兼容IE8+
用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip） 等等。当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同。
参考资料
首页 → 网络编程 → JavaScript → javascript技巧 → js获取鼠标位置实例详解脚本之家[引用时间2018-1-18]
<title>Js获取适时获取鼠标坐标值并显示</title>
<script type="text/javascript">
var getCoordInDocumentExample = function(){
var coords = documentgetElementById("coords");
coordsonmousemove = function(e){
var pointer = getCoordInDocument(e);
var coord = documentgetElementById("coord");
coordinnerHTML = "X,Y=("+pointerx+", "+pointery+")";
}
}
var getCoordInDocument = function(e) {
e = e || windowevent;
var x = epageX || (eclientX +
(documentdocumentElementscrollLeft
|| documentbodyscrollLeft));
var y= epageY || (eclientY +
(documentdocumentElementscrollTop
|| documentbodyscrollTop));
return {'x':x,'y':y};
}
windowonload = function(){
getCoordInDocumentExample();
};
</script>
<div id="coords" style="width:500px;height:200px;background:#F2F1D7;border:2px solid #0066cc;">
请在此移动鼠标。
</div>
<br />
<div id="coord" style="width:500px;border:2px solid #336699;"> </div>
如果要兼容浏览器，最好使用一个库来实现，用鼠标的页面位置减去的页面位置就行了。
比如jquery：
$(document)click(function(e){
alert("X: " + (epageX - $('img')offset()left) + ", Y: " + (epageY - $('top')offset()top));
});
复制代码
代码如下:
function
test()
{
alert(eventx+"
"+eventy);
alert(eventbutton);
}
/右键菜单不显示/
documentoncontextmenu=function()
{
return
false;
}
/documentonmousedown=function()
{
if(eventbutton==1)
{alert("left")}
if(eventbutton==2)
{alert("right")}
}/
documentonkeydown=function()
{
alert(eventkeyCode);
}
</script>
eventx
鼠标横轴
eventy
鼠标纵轴
eventkeycode
键盘值
eventsbutton==0
默认。没有按任何按钮。
eventsbutton==1
鼠标左键
eventsbutton==2
鼠标右键
eventsbutton==3
鼠标左右键同时按下
eventsbutton==4
鼠标中键
eventsbutton==5
鼠标左键和中键同时按下
eventsbutton==6
鼠标右键和中键同时按下
eventsbutton==7
所有三个键都按下
以上就是关于JavaScript怎样判断鼠标左右键同时按下全部的内容，包括:JavaScript怎样判断鼠标左右键同时按下、js如何获取鼠标指针在元素中的坐标、JS 获取屏幕中鼠标的坐标值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）