JS 滑鼠事件

定位滑鼠位置

1、在瀏覽器可視視窗的位置

eventutil.addhandler(div, "click", function

(event));

2、在整個頁面的視窗的位置(當頁面沒有滾動條時跟1的值一致)

注意：在ie8及更早版本不支援pagex和pagey，可以通過document.body(混雜模式)或者document.documentelement(標準模式)的scrollleft 和scrolltop來獲取。

eventutil.addhandler(div, "click", function

(event)
if (pagey ===undefined)
alert("page coordinates: " + event.pagex + "|" + pagex + "," + event.pagey + "|"+pagey); 
});

3、在整個電腦螢幕的位置

eventutil.addhandler(div, "click", function

(event));

當使用者按下shift鍵進行選擇的時候可能需要進行特別的處理，或者使用者是否按下了鍵盤上的一些特殊的鍵，例如：shift/ctrl/alt/meta(window是windows鍵，mac是cmd鍵)。

ie8及之前的版本不支援metakey屬性

eventutil.addhandler(div, "click", function

(event)
if(event.ctrlkey)
if(event.altkey)
if(event.metakey)
alert("keys: " + keys.join(","));
});

滑鼠滾輪事件

eventutil.addhandler(document, "mousewheel", domousewheel);

//火狐的處理事件
eventutil.addhandler(document, "dommousescroll", domousewheel);
function
domousewheel(event)
if(delta==-120)
}

js滑鼠滾動事件

其中經我測試，ie opera屬於同一型別，使用attachevent即可新增滾輪事件。ie註冊事件 if document.attachevent firefox使用addeventlistener新增滾輪事件 firefox註冊事件 if document.addeventlistener sa...

js滑鼠拖拽事件

只記錄left，top同理。clientx 返回滑鼠相對於瀏覽器的水平座標 offsetleft 返回當前物件距離瀏覽器 父物件 的左側距離 offsetwidth 物件的可見寬度 onmousemove 滑鼠移動事件 連線點是滑鼠放在div上拖動時的位置 座標 不會改變的，起名字為unchangx...

js滑鼠事件簡介

2 js的事件 都是以on開頭的，onclick onchange onload onmouseover onmouseout 3 鍵盤事件 滑鼠事件 表單事件 事件分為兩類 1 html事件 直接在html元素上寫 2 dom 0級事件 獲取html元素 事件 執行指令碼 在dom物件上繫結事件 ...