今
日
雞
湯
仰天大笑出門去,我輩豈是蓬蒿人。
前言
相信做網站對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" 鍵是否被按下
這個在後面也會提到,比如擷取滑鼠坐标:
2.表單對象
1).Form對象
document.forms['表單名']['text'].value #擷取表單中的文本框的值
acceptCharset 伺服器字元集
action 設定或傳回表單的action
enctype 設定或傳回表單用來編碼内容的MIME類型
length 傳回表單中的元素數目
method 設定或傳回将資料發送到伺服器的 HTTP 方法
name 設定或傳回表單的名稱
target 設定或傳回表單送出結果的Frame或Window
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 設定或傳回在按鈕上顯示的文本
3).Checkbox 對象(Radio與它方法差不多)
和上面的對象差不多,唯一不同的便是多了一個預設值選中值:“defaultChecked”。
4).Select 對象
s.options 傳回下拉清單數組
s.selectedIndex=num 設定或傳回下拉清單中被選選項的索引号
s.multiple=true|false 設定或傳回是否可有多個選項被選中
s.size 設定或傳回下拉清單中一次顯示顯示的選項數
s.add() 向下拉清單添加一個選項
s.remove() 從下拉清單中删除一個選項
總結
這篇文章主要介紹了JavaScript的事件對象和表單對象。下一篇文章,我們繼續介紹JavaScript,敬請期待!