久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術(shù)文章
文章詳情頁

JavaScript事件概念詳解(區(qū)分靜態(tài)注冊(cè)和動(dòng)態(tài)注冊(cè))

瀏覽:124日期:2023-10-04 16:18:31
js中的事件

什么是事件?事件是電腦輸入設(shè)備與頁面進(jìn)行交互的響應(yīng),我們稱之為事件

事件類型 鼠標(biāo)單擊:例如單擊button、選中checkbox和radio等元素;鼠標(biāo)進(jìn)入、懸浮或退出頁面的某個(gè)熱點(diǎn):例如鼠標(biāo)停在一個(gè)圖片上方或者進(jìn)入table的范圍; 鍵盤按鍵:當(dāng)按下按鍵或釋放按鍵時(shí); HTML事件:例如頁面body被加載時(shí);在表單中選取輸入框或改變輸入框中文本的內(nèi)容:例如選中或修改了文本框中的內(nèi)容; 突變事件:主要指文檔底層元素發(fā)生改變時(shí)觸發(fā)的事件,如DomSubtreeModified(DOM子樹修改)。常用的事件 onload 加載完成事件: 頁面加載完成之后,常用于做頁面js 代碼初始化操作 onclick 單擊事件: 常用于按鈕的點(diǎn)擊響應(yīng)操作。 onblur 失去焦點(diǎn)事件: 常用用于輸入框失去焦點(diǎn)后驗(yàn)證其輸入內(nèi)容是否合法。 onchange 內(nèi)容發(fā)生改變事件: 常用于下拉列表和輸入框內(nèi)容發(fā)生改變后操作 onsubmit 表單提交事件: 常用于表單提交前,驗(yàn)證所有表單項(xiàng)是否合法。 事件的注冊(cè)

什么是事件的注冊(cè)(綁定)?其實(shí)就是告訴瀏覽器,當(dāng)事件響應(yīng)后要執(zhí)行哪些操作代碼,叫事件注冊(cè)或事件綁定。事件的注冊(cè)又分為靜態(tài)注冊(cè)和動(dòng)態(tài)注冊(cè)兩種

靜態(tài)注冊(cè)事件:通過html 標(biāo)簽的事件屬性直接賦于事件響應(yīng)后的代碼,這種方式我們叫靜態(tài)注冊(cè) 動(dòng)態(tài)注冊(cè)事件:是指先通過js 代碼得到標(biāo)簽的dom 對(duì)象,然后再通過dom 對(duì)象.事件名= function(){} 這種形式賦于事件響應(yīng)后的代碼,叫動(dòng)態(tài)注冊(cè)

動(dòng)態(tài)注冊(cè)基本步驟:

1、獲取標(biāo)簽對(duì)象2、標(biāo)簽對(duì)象.事件名= fucntion(){}

靜態(tài)動(dòng)態(tài)注冊(cè)舉例onload 加載完成事件靜態(tài)綁定:

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>靜態(tài)注冊(cè)</title> <script type='text/javascript'> // onload 事件的方法 function onloadFun() { alert(’靜態(tài)注冊(cè)onload 事件,所有代碼’); } </script></head><!--靜態(tài)注冊(cè)onload 事件,onload 事件是瀏覽器解析完頁面之后就會(huì)自動(dòng)觸發(fā)的事件,body標(biāo)簽的屬性,通過這個(gè)屬性注冊(cè)--><body οnlοad='onloadFun();'></body></html>動(dòng)態(tài)綁定:

固定的寫法,通過window.onload(){}方法,在大括號(hào)內(nèi)調(diào)用方法的

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>動(dòng)態(tài)注冊(cè)</title> <script type='text/javascript'> // onload 事件動(dòng)態(tài)注冊(cè)。是固定寫法 window.onload = function () { alert('動(dòng)態(tài)注冊(cè)的onload 事件'); } </script></head><body></body></html>onclick單擊事件

舉例,從這個(gè)例子更好的體會(huì)兩者定義的不同

onclick靜態(tài)綁定事件

<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><title>Title</title><script type='text/javascript'> function onclickFun() { alert('靜態(tài)注冊(cè)onclick 事件'); }</script></head><body><!--靜態(tài)注冊(cè)onClick 事件,通過button的onclick屬性--><button onclick='onclickFun();'>按鈕1</button></body></html>onclick動(dòng)態(tài)綁定事件

<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><title>Title</title><script type='text/javascript'> window.onload = function () { //getElementById 通過id 屬性獲取標(biāo)簽對(duì)象 var btnObj = document.getElementById('btn01'); // 2 通過標(biāo)簽對(duì)象.事件名= function(){} btnObj.onclick = function () { alert('動(dòng)態(tài)注冊(cè)的onclick 事件'); } }</script></head><body> <button id='btn01'>按鈕2</button></body></html>

以上就是JavaScript事件概念詳解(區(qū)分靜態(tài)注冊(cè)和動(dòng)態(tài)注冊(cè))的詳細(xì)內(nèi)容,更多關(guān)于JavaScript 事件的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章!

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 苗栗县| 太湖县| 屏南县| 桓仁| 洛宁县| 涪陵区| 嘉兴市| 阳原县| 宜良县| 龙州县| 舒兰市| 宕昌县| 老河口市| 清水河县| 彰化县| 临西县| 林芝县| 凉城县| 都昌县| 清远市| 武安市| 永嘉县| 东至县| 资源县| 湟源县| 和田市| 石家庄市| 黔东| 玛沁县| 西林县| 莒南县| 西平县| 兴义市| 从江县| 永安市| 怀仁县| 上林县| 汽车| 浮梁县| 达日县| 西丰县|