一文解讀JavaScript事件對象和表單對象
點(diǎn)擊上方“IT共享之家”，進(jìn)行關(guān)注
回復(fù)“資料”可獲贈(zèng)Python學(xué)習(xí)福利
仰天大笑出門去，我輩豈是蓬蒿人。
前言
相信做網(wǎng)站對JavaScript再熟悉不過了，它是一門腳本語言，不同于Python的是，它是一門瀏覽器腳本語言，而Python則是服務(wù)器腳本語言，我們不光要會(huì)Python，還要會(huì)JavaScript，因?yàn)樗鼘ψ鼍W(wǎng)頁方面是有很大作用的。
1.事件對象（Event）
1).事件對象常量
bubbles 事件是否是起泡事件類型cancelable 事件是否可確定可取消的默認(rèn)動(dòng)作currentTarget 事件監(jiān)聽器觸發(fā)該事件的元素eventPhase 事件傳播的當(dāng)前階段target 觸發(fā)此事件的元素（事件的目標(biāo)節(jié)點(diǎn)），srcElement(IE)timeStamp 事件生成的日期和時(shí)間type 當(dāng)前Event對象表示的事件的名稱初始化新創(chuàng)建的 Event 對象的屬性不執(zhí)行默認(rèn)動(dòng)作停止冒泡 cancelBubble元素的 x 坐標(biāo)和 y 坐標(biāo)returnValue 設(shè)置或獲取事件的返回值fromElement 在IE中用于mouseover和mouseout 事件，可以引用移出鼠標(biāo)的元素。toElement 在IE中用于mouseover和mouseout 事件，該屬性引用移入鼠標(biāo)的元素。returnValue 設(shè)置或獲取事件的返回值鍵盤碼 which() charCode事件在源元素的中的x坐標(biāo)和y坐標(biāo)。
這在后面的其它操作中我都有舉例子，大家可以仔細(xì)看看。
2).鍵盤鼠標(biāo)事件
altKey 判斷"ALT" 是否被按下button 判斷哪個(gè)鼠標(biāo)按鈕被點(diǎn)擊clientX 判斷鼠標(biāo)指針的水平坐標(biāo)clientY 判斷鼠標(biāo)指針的垂直坐標(biāo)ctrlKey 判斷"CTRL" 鍵是否被按下keyIdentifier 按鍵的標(biāo)識符keyLocation 按鍵在設(shè)備上的位置metaKey 判斷"meta" 鍵是否被按下relatedTarget 與事件的目標(biāo)節(jié)點(diǎn)相關(guān)的節(jié)點(diǎn)screenX 判斷鼠標(biāo)指針的水平坐標(biāo)screenY 判斷鼠標(biāo)指針的垂直坐標(biāo)shiftKey 判斷"SHIFT" 鍵是否被按下
這個(gè)在后面也會(huì)提到，比如獲取鼠標(biāo)坐標(biāo)：
2.表單對象
1).Form對象
document.forms['表單名']['text'].value #獲取表單中的文本框的值acceptCharset 服務(wù)器字符集action 設(shè)置或返回表單的actionenctype 設(shè)置或返回表單用來編碼內(nèi)容的MIME類型length 返回表單中的元素?cái)?shù)目method 設(shè)置或返回將數(shù)據(jù)發(fā)送到服務(wù)器的 HTTP 方法name 設(shè)置或返回表單的名稱target 設(shè)置或返回表單提交結(jié)果的Frame或Window
2).Button對象(submit,hidden與它方法差不多)
b.accessKey 設(shè)置或返回訪問按鈕的快捷鍵b.alt 設(shè)置或返回當(dāng)瀏覽器無法顯示按鈕時(shí)供顯示的替代文本b.disabled=true|false 設(shè)置或返回是否禁用按鈕b.form 返回對包含該按鈕的表單對象的引用b.id 設(shè)置或返回按鈕的 idb.name 設(shè)置或返回按鈕的名稱b.tabIndex='3' 設(shè)置或返回按鈕的 tab 鍵控制次序b.type 返回按鈕的表單元素類型b.value 設(shè)置或返回在按鈕上顯示的文本
3).Checkbox 對象(Radio與它方法差不多)
和上面的對象差不多，唯一不同的便是多了一個(gè)默認(rèn)值選中值：“defaultChecked”。
4).Select 對象
s.options 返回下拉列表數(shù)組s.selectedIndex=num 設(shè)置或返回下拉列表中被選選項(xiàng)的索引號s.multiple=true|false 設(shè)置或返回是否可有多個(gè)選項(xiàng)被選中s.size 設(shè)置或返回下拉列表中一次顯示顯示的選項(xiàng)數(shù)s.add() 向下拉列表添加一個(gè)選項(xiàng)s.remove() 從下拉列表中刪除一個(gè)選項(xiàng)
總結(jié)
這篇文章主要介紹了JavaScript的事件對象和表單對象。下一篇文章，我們繼續(xù)介紹JavaScript，敬請期待！
看完本文有收獲？請轉(zhuǎn)發(fā)分享給更多的人
IT共享之家
入群請?jiān)谖⑿藕笈_(tái)回復(fù)【入群】
------------------- End -------------------
往期精彩文章推薦：
評論
圖片
表情