一文解讀JavaScript事件對(duì)象和表單對(duì)象
作者：IT共享者
相信做網(wǎng)站對(duì)JavaScript再熟悉不過(guò)了，它是一門(mén)腳本語(yǔ)言，不同于Python的是，它是一門(mén)瀏覽器腳本語(yǔ)言，而Python則是服務(wù)器腳本語(yǔ)言，我們不光要會(huì)Python，還要會(huì)JavaScript，因?yàn)樗鼘?duì)做網(wǎng)頁(yè)方面是有很大作用的。
??
前言
相信做網(wǎng)站對(duì)JavaScript再熟悉不過(guò)了，它是一門(mén)腳本語(yǔ)言，不同于Python的是，它是一門(mén)瀏覽器腳本語(yǔ)言，而Python則是服務(wù)器腳本語(yǔ)言，我們不光要會(huì)Python，還要會(huì)JavaScript，因?yàn)樗鼘?duì)做網(wǎng)頁(yè)方面是有很大作用的。
1.事件對(duì)象(Event)
1).事件對(duì)象常量
bubbles 事件是否是起泡事件類(lèi)型
cancelable 事件是否可確定可取消的默認(rèn)動(dòng)作
currentTarget 事件監(jiān)聽(tīng)器觸發(fā)該事件的元素
eventPhase 事件傳播的當(dāng)前階段
target 觸發(fā)此事件的元素（事件的目標(biāo)節(jié)點(diǎn)），srcElement(IE)
timeStamp 事件生成的日期和時(shí)間
type 當(dāng)前Event對(duì)象表示的事件的名稱(chēng)
initEvent() 初始化新創(chuàng)建的 Event 對(duì)象的屬性
preventDefault() 不執(zhí)行默認(rèn)動(dòng)作
stopPropagation() 停止冒泡 cancelBubble
x,y 元素的 x 坐標(biāo)和 y 坐標(biāo)
returnValue 設(shè)置或獲取事件的返回值
fromElement 在IE中用于mouseover和mouseout 事件，可以引用移出鼠標(biāo)的元素。
toElement 在IE中用于mouseover和mouseout 事件，該屬性引用移入鼠標(biāo)的元素。
returnValue 設(shè)置或獲取事件的返回值
keyCode(IE) 鍵盤(pán)碼 which() charCode
offsetX,offsetY 事件在源元素的中的x坐標(biāo)和y坐標(biāo)。
這在后面的其它操作中我都有舉例子，大家可以仔細(xì)看看。
2).鍵盤(pán)鼠標(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)識(shí)符
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.表單對(duì)象
1).Form對(duì)象
document.forms['表單名']['text'].value #獲取表單中的文本框的值
acceptCharset 服務(wù)器字符集
action 設(shè)置或返回表單的action
enctype 設(shè)置或返回表單用來(lái)編碼內(nèi)容的MIME類(lèi)型
length 返回表單中的元素?cái)?shù)目
method 設(shè)置或返回將數(shù)據(jù)發(fā)送到服務(wù)器的 HTTP 方法
name 設(shè)置或返回表單的名稱(chēng)
target 設(shè)置或返回表單提交結(jié)果的Frame或Window
?
?
2).Button對(duì)象(submit,hidden與它方法差不多)
b.accessKey 設(shè)置或返回訪(fǎng)問(wèn)按鈕的快捷鍵
b.alt 設(shè)置或返回當(dāng)瀏覽器無(wú)法顯示按鈕時(shí)供顯示的替代文本
b.disabled=true|false 設(shè)置或返回是否禁用按鈕
b.form 返回對(duì)包含該按鈕的表單對(duì)象的引用
b.id 設(shè)置或返回按鈕的 id
b.name 設(shè)置或返回按鈕的名稱(chēng)
b.tabIndex='3' 設(shè)置或返回按鈕的 tab 鍵控制次序
b.type 返回按鈕的表單元素類(lèi)型
b.value 設(shè)置或返回在按鈕上顯示的文本
?
?
3).Checkbox 對(duì)象(Radio與它方法差不多)
和上面的對(duì)象差不多，唯一不同的便是多了一個(gè)默認(rèn)值選中值：“defaultChecked”。
4).Select 對(duì)象
s.options 返回下拉列表數(shù)組
s.selectedIndex=num 設(shè)置或返回下拉列表中被選選項(xiàng)的索引號(hào)
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的事件對(duì)象和表單對(duì)象。下一篇文章，我們繼續(xù)介紹JavaScript，敬請(qǐng)期待!
責(zé)任編輯：姜華
來(lái)源：
IT共享之家
