altkey : 觸發鼠標事件時是否alt 按鍵被按下,如果按下,則返回true,否則返回 fasle。
button: 事件屬性返回一個阿拉伯數字 , 0代表 按下 左鍵 ,1 代表按下 滾輪 ,2 代表按下 右鍵。
offsetX、offsetY :事件屬性返回觸發事件時 鼠標相對於事件源元素 的X,Y坐標,標准事件沒有對應的屬性。
clientX、clientY : 事件屬性返回當事件被觸發時鼠標指針相對於瀏覽器頁面(或客戶區)的水平坐標、垂直坐標。
pageX、pageY:事件屬性返回當事件被觸發時鼠標指針相對於整個頁面左上角的水平坐標、垂直坐標。
screenX、screenY:事件屬性返回當事件被觸發時鼠標位置相對於用戶屏幕水水平坐標、垂直坐標,此時的參照點也就是原點是屏幕的左上角。
好吧,文字敘述總歸是很煩,上個經典的圖,解釋一切 :
https://www.cnblogs.com/hanguozhi/p/7382719.html
事件類型
事件類型整體來說可以分為三大類:
1)鼠標類
click 點擊
mousedown 按下
mouseup 松開
mouseenter 划進
mouseleave 划出
mouseover 划進
mouseout 划出
mousemove 移動
上面兩個划進划出,區別在於是否對子元素有影響,具體可以去百度查一查用法的差異
2)鍵盤類
keydown 按下(按所有鍵都會觸發)
keypress 按下(按字符集觸發)
keyup 松開
兩者設計的初衷就不同。
keypress 就是用來檢測用戶輸了啥字符的,而 keydown 則是單純的檢測用戶是否按了鍵盤上的按鍵,所以 keypress 常用。
兩者事件對象上的 keyCode 值也不同。
keyCode是一個代碼,與鍵盤上的一個鍵對應。在 keypress 事件中,這個 keyCode 還與 ASCII碼對應,比如keyCode 等於 105 ,就是按了 i。
最后說下,判斷一個前端專業不專業,就問下他開發界面的時候有沒有考慮過鍵盤事件。
————————————————
版權聲明:本文為CSDN博主「綿羊萬」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/allenyhy/article/details/82906751
好,注意下鍵盤事件