要素内のマウスの位置を調べる
概要
要素内のマウスの位置を調べる
スクリプト
function getpos(e){
var isFirefox,pageX,pageY;
var isTouch = ('ontouchstart' in window);
if(navigator.userAgent.indexOf('Firefox')!=-1){
isFirefox = true;
}else{
isFirefox = false;
}
if(isTouch){
if('originalEvent' in e){
if('pageX' in e.originalEvent){
pageX = e.originalEvent.pageX;
pageY = e.originalEvent.pageY;
}else if('touches' in e.originalEvent){
pageX = e.originalEvent.touches[0].pageX;
pageY = e.originalEvent.touches[0].pageY;
}
}else if('changedTouches' in event){
pageX = event.changedTouches[0].pageX;
pageY = event.changedTouches[0].pageY;
}else if('pageX' in e){
pageX = e.pageX;
pageY = e.pageY;
}
}else{
pageX = e.pageX;
pageY = e.pageY;
}
return {
pageX : Math.round(pageX),
pageY : Math.round(pageY)
}
}
右クリック禁止
概要
右クリックでコンテキストメニューを表示させたくない場合
施策
右クリック禁止
document.addEventListener('contextmenu', function (e) {
e.preventDefault();
}, false);
特定のタグのみ禁止
document.addEventListener('contextmenu', function (e) {
var tagName = e.target.tagName.toLowerCase();
if(tagName==="img") { //imgタグ上で右クリック禁止
e.preventDefault();
}
}, false);