获取鼠标在网页上的位置以及右击事件
js写法
document.getElementById("youji").oncontextmenu=youjiEvent;//指定这个元素 给他绑定右击事件
function youjiEvent(){//鼠标右击时显示菜单
alert(item.name);
return false;//屏蔽网页本身的右击效果
}
jquery写法
$(function(){
$(‘#youji‘).mousedown(function(e){
if(e.which==1){
alert("这是左击事件");
}else if(e.which == 2){
alert("这是中击事件");
}else{
alert("这是右击事件");
return false;//屏蔽不掉网页本身的右击事件
}
});
})
//鼠标右击的区域
<div id="youji" style="width:200px; height:200px; background-color:#1621E5"></div>
获取到鼠标在页面上点击时的xy坐标
js写法
var x,y;
function mousePosition(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mousePosition(ev);
x = mousePos.x;
y = mousePos.y;
}
document.onmousedown = mouseMove;
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
