天天看點

一文解讀JavaScript事件對象和表單對象

仰天大笑出門去,我輩豈是蓬蒿人。

前言

相信做網站對JavaScript再熟悉不過了,它是一門腳本語言,不同于Python的是,它是一門浏覽器腳本語言,而Python則是伺服器腳本語言,我們不光要會Python,還要會JavaScript,因為它對做網頁方面是有很大作用的。

1.事件對象(Event)

1).事件對象常量

bubbles         事件是否是起泡事件類型 
cancelable      事件是否可确定可取消的預設動作
currentTarget   事件監聽器觸發該事件的元素 
eventPhase      事件傳播的目前階段 
target          觸發此事件的元素(事件的目标節點),srcElement(IE)
timeStamp       事件生成的日期和時間
type            目前Event對象表示的事件的名稱 
initEvent()     初始化新建立的 Event 對象的屬性
preventDefault() 不執行預設動作
stopPropagation()   停止冒泡 cancelBubble
x,y             元素的 x 坐标和 y 坐标
returnValue     設定或擷取事件的傳回值
fromElement  在IE中用于mouseover和mouseout 事件,可以引用移出滑鼠的元素。
toElement  在IE中用于mouseover和mouseout 事件,該屬性引用移入滑鼠的元素。
returnValue 設定或擷取事件的傳回值
keyCode(IE) 鍵盤碼 which()  charCode
offsetX,offsetY 事件在源元素的中的x坐标和y坐标。      

這在後面的其它操作中我都有舉例子,大家可以仔細看看。

2).鍵盤滑鼠事件

altKey          判斷"ALT" 是否被按下 
button          判斷哪個滑鼠按鈕被點選 
clientX         判斷滑鼠指針的水準坐标
clientY         判斷滑鼠指針的垂直坐标
ctrlKey         判斷"CTRL" 鍵是否被按下
keyIdentifier   按鍵的辨別符  
keyLocation     按鍵在裝置上的位置 
metaKey         判斷"meta" 鍵是否被按下
relatedTarget   與事件的目标節點相關的節點
screenX         判斷滑鼠指針的水準坐标
screenY         判斷滑鼠指針的垂直坐标
shiftKey        判斷"SHIFT" 鍵是否被按下      

這個在後面也會提到,比如擷取滑鼠坐标:

一文解讀JavaScript事件對象和表單對象

2.表單對象

1).Form對象

document.forms['表單名']['text'].value #擷取表單中的文本框的值
acceptCharset       伺服器字元集 
action              設定或傳回表單的action
enctype             設定或傳回表單用來編碼内容的MIME類型 
length              傳回表單中的元素數目
method              設定或傳回将資料發送到伺服器的 HTTP 方法
name                設定或傳回表單的名稱
target              設定或傳回表單送出結果的Frame或Window      
一文解讀JavaScript事件對象和表單對象

2).Button對象(submit,hidden與它方法差不多)

b.accessKey                 設定或傳回通路按鈕的快捷鍵
b.alt                       設定或傳回當浏覽器無法顯示按鈕時供顯示的替代文本 
b.disabled=true|false       設定或傳回是否禁用按鈕
b.form                      傳回對包含該按鈕的表單對象的引用
b.id                        設定或傳回按鈕的 id
b.name                      設定或傳回按鈕的名稱 
b.tabIndex='3'              設定或傳回按鈕的 tab 鍵控制次序 
b.type                      傳回按鈕的表單元素類型 
b.value                     設定或傳回在按鈕上顯示的文本      
一文解讀JavaScript事件對象和表單對象

3).Checkbox 對象(Radio與它方法差不多)

和上面的對象差不多,唯一不同的便是多了一個預設值選中值:“defaultChecked”。

4).Select 對象

s.options  傳回下拉清單數組
s.selectedIndex=num    設定或傳回下拉清單中被選選項的索引号
s.multiple=true|false  設定或傳回是否可有多個選項被選中
s.size                 設定或傳回下拉清單中一次顯示顯示的選項數
s.add()       向下拉清單添加一個選項
s.remove()    從下拉清單中删除一個選項      
一文解讀JavaScript事件對象和表單對象

總結

這篇文章主要介紹了JavaScript的事件對象和表單對象。下一篇文章,我們繼續介紹JavaScript,敬請期待!