亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

Javascript基礎知識(二)事件

2019-11-20 14:04:47
字體:
來源:轉載
供稿:網友

Event對象:(event對象是window對象的屬性,當事件發生時,同時產生event對象,事件結束,event對象消失)

IE中:window.event;//獲取對象

DOM中:argument[0];//獲取對象

IE中Event對象常用的屬性方法:

1.clientX:事件發生時,鼠標指針在客戶區(不包括工具欄,滾動條等)的X坐標;

2.clientY:事件發生時,鼠標指針在客戶區(不包括工具欄,滾動條等)的Y坐標;

3.keyCode:對于keyCode事件,指示按下的鍵的Unicode字符,對于keydown/keyup事件,指示按下的鍵盤是數字表示器(獲得按鍵的數值);

4.offsetX:鼠標指針相對于引發事件的對象的X坐標;

5.offsetY:鼠標指針相對于引發事件的對象的Y坐標;

6.srcElement:導致事件發生的元素;

DOM中event對象常用的屬性方法:

1.clientX;

2.clientY;

3.pageX;鼠標指針相對于頁面的X坐標;

4.pageY;鼠標指針相對于頁面的Y坐標;

5.StopPropagation:調用該方法可以阻止事件的進一步傳播(冒泡);

6.target:觸發的事件元素/對象;

7.type:事件的名稱;

兩種event對象的相同點和不同點

相同點:

1.獲取事件類型;

2.獲取鍵盤代碼(keydown/keyup事件);

3.檢測Shift,Alt,Ctrl;

4.獲取客戶區坐標;

5.獲取屏幕坐標;

不同點:

1.獲取目標;

//IE:var oTarget=oEvent.srcElement;

//DOM: var oTarget=oEvent.target;

2.獲取字符碼;

//IE: var iCharCode=oEvent.keyCode;

//DOM: var iCharCode=oEvent.charCode;

3.阻止事件的默認行為;

//IE: oEvent.returnValue=false;

//DOM: oEvent.preventDefault;

4.終止冒泡:

//IE:oEvent.cancelBubble=true;

//DOM:oEvent.stopPropagation

事件類型:

一.鼠標事件:

onmouseover:當鼠標移入時;

onmouseout:當鼠標移出時;

onmousedown:當按下鼠標時;

onmouseup:當抬起鼠標時;

onclick:點擊鼠標左鍵時;

ondblclick:雙擊鼠標左鍵時;

二.鍵盤事件:

onkeydown:當用戶在鍵盤上按下一個鍵時發生;

onkeyup:當用戶釋放一個按下的鍵時發生;

keypress:當用戶一直按著鍵不放時;

三.HTML事件:

onload:加載頁面時;

onunload:卸載頁面時;

abort:當用戶終止裝載進程之前,如果他還沒有被完全轉載,發生abort事件

error:javascript發生錯誤時,產生的事件;

select:在一個input或者textarea中,用戶選擇字符時,觸發的select事件

change:在一個input或者textarea中,當它失去焦點,在select中觸發change事件

submit:當表單被提交時,觸發submit事件;

reset:重置

resize:當窗口或框架尺寸調整時觸發的事件;

scroll:當用戶滾動或有滾動條時觸發的事件;

focus:失去焦點時;

blur:獲得焦點時;

Javascript的事件模型

1.Javascript事件模型:1.冒泡類型: <input type="button">當用戶點擊按鈕時:input-body-html-document-window(從下往上冒泡)IE瀏覽器只是用冒泡

    2.捕獲類型: <input type="button">當用戶點擊按鈕時:window-document-html-body-input (從上往下)

經過ECMA標準化后,其他瀏覽器都支持兩種類型,捕獲先發生。

2.傳統事件書寫的三種方式:

1.<input type="button" onclick="alert('helloworld!')">

2.<input type="button onclick=name1()">======<script>function name1(){alert('helloword!');}</script> //有名函數

3.<input type="button" id="input1">  //匿名函數

復制代碼 代碼如下:

<script>
 Var button1=document.getElementById("input1");
 button1.onclick=funtion(){
 alert('helloword!')
 }
</script>

3.現代事件書寫方式:

復制代碼 代碼如下:

<input type="button" id="input1">  //IE中添加事件

<script>
 var fnclick(){
 alert("我被點擊了")
 }
 var Oinput=document.getElementById("input1");
 Oinput.attachEvent("onclick",fnclick);
 --------------------------------------
 Oinput.detachEvent("onclick",fnclick);//IE中刪除事件
</script>

復制代碼 代碼如下:

<input type="button" id="input1">  //DOM中添加事件

<script>
 var fnclick(){
 alert("我被點擊了")
 }
 var Oinput=document.getElementById("input1");
 Oinput.addEventListener("onclick",fnclick,true);
 --------------------------------------
 Oinput.removeEventListener("onclick",fnclick);//DOM中刪除事件
</script>

復制代碼 代碼如下:

<input type="button" id="input1"> //兼容IE和DOM添加事件

<script>
 var fnclick1=function(){alert("我被點擊了")}
 var fnclick2=function(){alert("我被點擊了")}
 var Oinput=document.getElementById("input1");
 if(document.attachEvent){
 Oinput.attachEvent("onclick",fnclick1)
 Oinput.attachEvent("onclick",fnclick2)
 }
 else(document.addEventListener){
 Oinput.addEventListener("click",fnclick1,true)
 Oinput.addEventListener("click",fnclick2,true)
 }
</script>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲欧美变态国产另类| 久久久伊人日本| 欧美一级大片在线免费观看| 亚洲人成电影在线播放| 国产精品一区二区av影院萌芽| 一区二区在线视频播放| 亚洲精品www久久久久久广东| 欧美精品成人91久久久久久久| 欧美裸体xxxx极品少妇| 色综合久综合久久综合久鬼88| 国模gogo一区二区大胆私拍| 亚洲人成网7777777国产| 亚洲欧美制服第一页| 成人激情视频网| 在线亚洲欧美视频| 91精品久久久久| 久久久久久久久久久成人| 国产精品久久久久久久久免费| 日韩欧美在线视频观看| 欧美激情国产精品| 国产精品99久久久久久人| 日本精品va在线观看| 清纯唯美亚洲激情| 欧美国产日韩一区| 国产日韩综合一区二区性色av| 欧美最顶级丰满的aⅴ艳星| 国产精品v日韩精品| 国产丝袜一区二区三区| 136fldh精品导航福利| 欧美日韩在线观看视频| 九九热精品在线| 亚洲精品一区久久久久久| 亚洲一区二区三区在线视频| 国产精品爽爽爽| 亚洲天堂开心观看| 亚洲精品91美女久久久久久久| 高跟丝袜一区二区三区| 久久精品国产精品| 日韩在线观看电影| 日韩精品免费综合视频在线播放| 国产黑人绿帽在线第一区| 欧美国产亚洲精品久久久8v| 性欧美长视频免费观看不卡| 91在线视频一区| 亚洲视频综合网| 久久精品国产亚洲一区二区| 日韩欧美精品在线观看| 国产成人avxxxxx在线看| 久久久91精品国产一区不卡| 国产一区二区香蕉| 久久久视频精品| 久久久国产一区二区| 成人免费在线视频网站| 国产丝袜一区二区三区免费视频| 久久久久久久激情视频| 中文字幕最新精品| 欧美激情第三页| 不卡av电影在线观看| 日韩在线观看免费全集电视剧网站| 亚洲成人动漫在线播放| 午夜精品久久久久久久久久久久| 久久精品国产欧美亚洲人人爽| 亚洲黄页视频免费观看| 欧美色视频日本高清在线观看| 成人美女免费网站视频| 自拍偷拍亚洲精品| 国产色婷婷国产综合在线理论片a| 欧美日韩在线第一页| 国产精品69久久| 国产一区二区三区18| 欧美高清在线视频观看不卡| 国产精品久久久久国产a级| 亚洲区bt下载| 岛国av一区二区| 欧美丝袜一区二区三区| 久久精品亚洲精品| www.欧美三级电影.com| 亚洲**2019国产| 91国内产香蕉| 国产精品视频公开费视频| 国产亚洲精品久久| 精品视频在线播放免| 国产精品久久久久久久久久新婚| 亚洲三级黄色在线观看| 国产精品亚洲激情| 日韩一区在线视频| 狠狠躁夜夜躁人人爽超碰91| 亚洲第一网站免费视频| 欧美成人免费全部观看天天性色| 久久综合久久88| 国模精品视频一区二区三区| 伊人久久久久久久久久久| 少妇av一区二区三区| 欧美亚洲在线观看| 欧美激情久久久久久| 亚洲激情视频在线播放| 日本高清+成人网在线观看| 亚洲精品电影在线观看| 欧美黄色片视频| 精品久久久精品| 中文字幕9999| 亚洲无av在线中文字幕| 欧美成人免费全部观看天天性色| 91九色视频导航| 日韩免费在线免费观看| 久久久久久69| www日韩欧美| 深夜福利91大全| 中文字幕亚洲欧美日韩2019| 日韩欧美精品网站| 久久影视电视剧免费网站| 国内精品久久久久久中文字幕| 中文字幕av一区二区三区谷原希美| 久久69精品久久久久久国产越南| 2019中文字幕免费视频| 狠狠躁18三区二区一区| 国内精品模特av私拍在线观看| 欧美亚洲成人免费| 日韩毛片在线观看| 91九色视频在线| 精品美女国产在线| 亚洲精品动漫100p| 国内精品久久久久| 91精品国产九九九久久久亚洲| 欧美三级免费观看| 欧美日韩另类视频| 亚洲欧美日韩精品久久奇米色影视| 国产精品久久久久久久久免费| 亚洲天堂视频在线观看| 5566日本婷婷色中文字幕97| 夜夜嗨av一区二区三区四区| 成人激情视频小说免费下载| 岛国精品视频在线播放| 国产精品精品久久久久久| 亚洲精品国产拍免费91在线| 国产精品日韩专区| 欧美综合一区第一页| 国产精品成人一区二区| 欧美视频一二三| 亚洲国内高清视频| 欧美高清性猛交| 国产精品扒开腿做爽爽爽视频| 亚洲国产精久久久久久久| 日韩a**中文字幕| 久久香蕉国产线看观看网| 亚洲欧美一区二区精品久久久| 国产精品专区一| 欧美激情视频一区二区三区不卡| 色妞在线综合亚洲欧美| 日韩高清有码在线| 综合136福利视频在线| 久久久久久九九九| 日韩av在线天堂网| 69av视频在线播放| 久久久欧美一区二区| 国产精品www色诱视频| 午夜精品久久久久久久99黑人| 国产日韩精品一区二区| 亚洲女性裸体视频| 久久精品视频导航| 欧美一区二区三区图| 日韩中文在线视频| 日韩在线视频线视频免费网站| 综合av色偷偷网|