淺談Javascript事件對(duì)象
更新時(shí)間：2017年02月05日 18:04:04 作者：Jacky_wonder
本文主要介紹了Javascript事件對(duì)象的相關(guān)實(shí)例。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
如果是事件處理函數(shù)綁定的函數(shù)，瀏覽器會(huì)默認(rèn)傳遞一個(gè)參數(shù)，而這個(gè)參數(shù)就是事件對(duì)象。
document.onclick = function() {
alert(arguments.length); //1
}
因?yàn)閍rguments[0]這樣使用這個(gè)參數(shù)比較麻煩，所以我們可以傳遞一個(gè)參數(shù)evt來(lái)進(jìn)行使用。
document.onmouseup = function(evt) {
var e = evt || window.event;
alert(e.button); //0為鼠標(biāo)左鍵，1為滾輪，2為右鍵
//基于瀏覽器可視區(qū)左上角的位置
alert(e.clientX + ',' + e.clientY);
//機(jī)器的分辨率
alert(window.screen.width + ',' + window.screen.height);
// 離屏幕左上角的位置
alert(e.screenX + ',' + e.screenY);
}
//偵測(cè)按鍵
document.onclick = function(evt) {
alert(getKey(evt));
}
function getKey(evt) {
var e = evt || window.event;
var keys = [];
if (e.shiftKey) {
keys.push('shift');
}
if (e.ctrlKey) {
keys.push('ctrl');
}
if (e.altKey) {
keys.push('alt');
}
return keys;
}
//鍵盤(pán)事件,keydown是按下任意鍵，keyup是彈起任意鍵，keypress按下字符鍵觸發(fā)
//鍵碼：鍵盤(pán)上任意鍵,全兼容
//字符編碼：可以輸出的字符的鍵，IE不兼容
document.onkeydown=function(evt){
var e = evt || window.event;
alert(e.keyCode); //keyCode返回鍵碼
}
document.onkeypress = function(evt) {
var e = evt || window.event;
alert(e.charCode); //charCode返回字符鍵碼
}
document.onclick = function(evt) {
var e = evt || window.event;
alert(e.target.innerHTML); //點(diǎn)到哪里target就選中哪個(gè)元素
}
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了JS監(jiān)聽(tīng)事件的疊加和移除功能，非常不錯(cuò)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2018-11-11
微信小程序登錄時(shí)如何獲取input框中的內(nèi)容
這篇文章主要介紹了微信小程序登錄時(shí)如何獲取input框中的內(nèi)容,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
JS中產(chǎn)生20位隨機(jī)數(shù)以0-9為例也可以是a-z A-Z
本節(jié)主要介紹了JS如何產(chǎn)生隨機(jī)數(shù)，本例產(chǎn)生20位隨機(jī)數(shù)以0-9為例也可以是a-z A-Z,需要的朋友可以參考下2014-08-08
如何在JavaScript中創(chuàng)建具有多個(gè)空格的字符串？
這篇文章主要介紹了如何在JavaScript中創(chuàng)建具有多個(gè)空格的字符串？,需要的朋友可以參考下2020-02-02
IE6中鏈接A的href為javascript協(xié)議時(shí)不在當(dāng)前頁(yè)面跳轉(zhuǎn)
IE6中當(dāng)鏈接A的href為javascript協(xié)議時(shí)不能在當(dāng)前頁(yè)面跳轉(zhuǎn)，本例給出有效的解決方法，大家不妨參考下2014-06-06
昨天用Ajax作驗(yàn)證,在前臺(tái)JS中判斷返回的字符串的值與給定的值是否相等,索性給大家總結(jié)下,這篇文章主要給大家介紹了關(guān)于js判斷兩個(gè)字符串是否相等的兩種方法,需要的朋友可以參考下2023-05-05
小程序animate動(dòng)畫(huà)實(shí)現(xiàn)直播間點(diǎn)贊
這篇文章主要為大家詳細(xì)介紹了小程序animate動(dòng)畫(huà)實(shí)現(xiàn)直播間點(diǎn)贊，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
3DM?文件格式是由?Rhinoceros?3D（簡(jiǎn)稱(chēng)?Rhino）軟件使用的原生文件格式,本文主要介紹了如何利用Javascript加載導(dǎo)出3dm文件,需要的可以參考下2024-11-11
這里給大家分享的是本人近期學(xué)習(xí)與使用javascript之后總結(jié)出來(lái)的一些經(jīng)驗(yàn)和心得，雖然目前只有5點(diǎn)，但以后會(huì)慢慢更新，希望對(duì)大家能有所幫助。2015-01-01
一個(gè)簡(jiǎn)單的示例來(lái)演示如何使用自定義的eventUtil對(duì)象，javascript事件處理函數(shù)2011-08-08