jquery中event對(duì)象屬性與方法小結(jié)

更新時(shí)間：2013年12月18日 10:01:14 作者：

本篇文章主要是對(duì)jquery中的event對(duì)象屬性與方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助

JQuery讀書筆記–Event屬性說明
JQuery事件中的Event屬性是經(jīng)常性的被忽略的。大多數(shù)時(shí)間你的確不怎么用它，但有些時(shí)候它還是它還是有作用的。如獲知觸發(fā)時(shí)用戶的環(huán)境（是否按了shift etc）。每個(gè)瀏覽器對(duì)event都有不同的地方，Jquery對(duì)Event做了標(biāo)準(zhǔn)化所以可以放心用。

* .target 這個(gè)反應(yīng)觸發(fā)事件的DOM對(duì)象，可以在事件冒泡的時(shí)候判斷是否是事件源頭(compare event.target to this)
* .pageX: 鼠標(biāo)的left屬性，相對(duì)于page
* .pageY: 鼠標(biāo)的top屬性，相對(duì)于page
* preventDefault(): 這個(gè)方法被調(diào)用，則原有事件就被忽略。（例如 clicked link就不會(huì)去新的Url了）
* stopPropagation():讓Jquery停止事件冒泡
* .Data: 如果事件中還有EventData你就可以用這個(gè)屬性獲得對(duì)應(yīng)Eventdata數(shù)據(jù)了。
* ctrlKey: 類型: Boolean, 說明: Ctrl 鍵是否按下
* shiftKey: 類型: Boolean, 說明: Shift鍵是否按下
* altKey: 類型: Boolean, 說明: Alt 鍵是否按下
* charCode: 類型: Number, 說明: 最后響應(yīng)鍵盤按鍵的 charCode 值
* keyCode: 類型: Number, 說明: 最后響應(yīng)鍵盤按鍵的 keyCode 值
* button: 類型: Number, 說明: 按下的鼠標(biāo)鍵, 左鍵:1, 右鍵:2, 中鍵:4
* which: 類型: Number, 說明: 最后響應(yīng)的是哪個(gè)按鍵, 如果是鍵盤按鍵則等于 charCode || keyCode; 如果是鼠標(biāo)按鍵, 左鍵:1, 右鍵:3, 中鍵2

type : 事件類型
relatedTarget:對(duì)于鼠標(biāo)事件, 標(biāo)示觸發(fā)事件時(shí)離開或者進(jìn)入的DOM元素
currentTarget:冒泡前的當(dāng)前觸發(fā)事件的DOM對(duì)象, 等同于this.
result: 上一個(gè)事件處理函數(shù)返回的值
screenX/Y:對(duì)于鼠標(biāo)事件, 獲取事件相對(duì)于屏幕原點(diǎn)的水平/垂直坐標(biāo)

您可能感興趣的文章:

相關(guān)文章

js頁面滾動(dòng)時(shí)層智能浮動(dòng)定位實(shí)現(xiàn)(jQuery/MooTools)
關(guān)于層的智能浮動(dòng)效果早在幾年前我就在國(guó)外的一些個(gè)人網(wǎng)站的垂直導(dǎo)航上見到了，現(xiàn)在似乎在國(guó)內(nèi)一些商業(yè)網(wǎng)站上也屢見此效果
2011-08-08
jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
這篇文章主要介紹了jquery序列化form表單,使用ajax提交后處理返回的json數(shù)據(jù)的示例,需要的朋友可以參考下
2014-03-03
使用ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件php版
這篇文章主要介紹了使用ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件php版,需要的朋友可以參考下
2014-06-06
JQuery實(shí)現(xiàn)鼠標(biāo)移動(dòng)圖片顯示描述層的方法
這篇文章主要介紹了JQuery實(shí)現(xiàn)鼠標(biāo)移動(dòng)圖片顯示描述層的方法,涉及jQuery鼠標(biāo)事件及動(dòng)畫效果的使用技巧,需要的朋友可以參考下
2015-06-06
jQuery插件Echarts實(shí)現(xiàn)的雙軸圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件Echarts實(shí)現(xiàn)的雙軸圖效果,結(jié)合完整實(shí)例形式分析了Echarts插件制作雙軸圖效果的操作步驟與相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03
jQuery中 prop() attr()使用詳解
在高版本的jquery引入prop方法后，什么時(shí)候該用prop？什么時(shí)候用attr？關(guān)于它們兩個(gè)的區(qū)別，這里談?wù)勎业男牡?，我的心得很?jiǎn)單：對(duì)于HTML元素本身就帶有的固有屬性，在處理時(shí)，使用prop方法。對(duì)于HTML元素我們自己自定義的DOM屬性，在處理時(shí)，使用attr方法。
2015-05-05
jQuery 技巧小結(jié)
jQuery 技巧，以前發(fā)布了很多了，具體的可以參考腳本之家以前發(fā)布的文章。
2010-04-04
基于jQuery的計(jì)算文本框字?jǐn)?shù)的代碼
用戶邊輸入計(jì)算同時(shí)進(jìn)行，告訴用戶還剩余多少可輸入的字?jǐn)?shù),當(dāng)超過規(guī)定的字?jǐn)?shù)后，點(diǎn)擊確定，會(huì)讓輸入框閃動(dòng)
2012-06-06
jquery實(shí)現(xiàn)可自動(dòng)收縮的TAB網(wǎng)頁選項(xiàng)卡代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)可自動(dòng)收縮的TAB網(wǎng)頁選項(xiàng)卡代碼,涉及jquery鼠標(biāo)事件及頁面元素樣式變換的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
利用JQuery制作符合Web標(biāo)準(zhǔn)的QQ彈出消息
本篇文章主要介紹了利用JQuery制作符合Web標(biāo)準(zhǔn)的QQ彈出消息。這里所說的彈出消息指的是在網(wǎng)頁右下角升起又下去的那種框框,在這里用到了jQuery的自定義動(dòng)畫
2014-01-01