Edited at

【JavaScript】マウス


要素内のマウスの位置を調べる

概要

要素内のマウスの位置を調べる

スクリプト

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);