js事件流

1、html事件處理

<input type="button" value="click" onlick="alert('點我')"> #單引號

<input type="button" value="click onclick="alert(&quot;點我&quot;)"> #雙引號需要轉(zhuǎn)譯成&quot;

事件處理程序

<script type="text/javascript">

function myMethod() {

? ? ?alert("點擊");

}

</script>

<input type="button" value='你猜' onclick="myMethod();">


2、Dom事件處理

<script type="text/javascript">

var bn = document.getElementById('id')

bn.onclick = function() {

? ? ? alert("test"); #處理數(shù)據(jù)

}

</script>

3、監(jiān)聽事件 addEventListener() 包含三個參數(shù)要處理的事件名、作為事件處理程序的函數(shù)一個布爾值,true 捕獲事件處理, false冒泡事件處理,默認(rèn)為false

<script type="text/javascript">

var bn = document.getElementById("id");

bn.addEventListener("click", function(){

? alert("hello, girl");

}, false)

</script>

IE中使用attachEvent()來監(jiān)聽事件

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 工廠模式類似于現(xiàn)實生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情,實現(xiàn)同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 8,128評論 2 17
  • 聲明:本文來源于http://www.webzsky.com/?p=731我只是在這里作為自己的學(xué)習(xí)筆記整理一下(...
    angryyan閱讀 7,242評論 1 6
  • 我們首先要明白,我們給頁面添加效果用到的js到底是什么?js其實包含三部分:dom 文檔對象模型 bom 瀏覽...
    一直以來都很好閱讀 874評論 0 0
  • 一、DOM 什么是DOM?Document Object Model(文檔對象模型)。DOM是針對HTML和XML...
    空谷悠閱讀 1,031評論 0 2
  • 本文對事件流和事件處理程序進行了簡單整理,主要用于理清思路,不做詳細(xì)概念解釋。供大家復(fù)習(xí)與記憶使用。 1.事件流:...
    阿r阿r閱讀 1,273評論 1 5

友情鏈接更多精彩內(nèi)容