星空网 > 软件开发 > Java

获取鼠标在网页上的位置以及右击事件

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" ></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;




原标题:获取鼠标在网页上的位置以及右击事件

关键词:位置

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流