Dom EVENT對象
阿新 • • 發佈:2018-05-07
nodetype rip ima event對象 相對 AS window .sh 屏幕
Event 對象代表事件的狀態,比如事件在其中發生的元素、鍵盤按鍵的狀態、鼠標的位置、鼠標按鈕的狀態。
事件通常與函數結合使用,函數不會在事件發生前被執行!
一:測試按鍵
function whichButton(event){ var btnNum = event.button; if (btnNum==2){
alert("您點擊了鼠標右鍵!") } else if(btnNum==0) { alert("您點擊了鼠標左鍵!") } else if(btnNum==1) { alert("您點擊了鼠標中鍵!"); } else { alert("您點擊了" + btnNum+ "號鍵,我不能確定它的名稱。"); } }
二:獲取鼠標坐標
function show_coords(event) { x=event.clientX;
y=event.clientY;
alert("X 坐標: " + x + ", Y 坐標: " + y) }
三:獲取 鍵盤 按鍵的 unicode
function whichButton(event) { alert(event.keyCode); }
四:相對於屏幕的 鼠標 坐標
function coordinates(event) { x=event.screenX;
y=event.screenY;
alert("X=" + x + " Y=" + y); }
五:shift 按鍵是否被 按住
function isKeyPressed(event) { if (event.shiftKey==1) { alert("The shift key was pressed!") } else { alert("The shift key was NOT pressed!") } }
六:測試 點擊了 何種元素(p,div,或者 image,a and so on.)
function whichElement(e) { var targ; if (!e) var e = window.event;
if (e.target) targ = e.target;
else if (e.srcElement) targ = e.srcElement;
if (targ.nodeType == 3); // defeat Safari bug
targ = targ.parentNode;
var tname;
tname=targ.tagName;
alert("You clicked on a " + tname + " element."); }
Dom EVENT對象