<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.redDiv{
width: 300px;
height: 300px;
background-color: red;
}
</style>
</head>
<body>
<div class="redDiv"></div>
</body>
<script type="text/javascript">
var redDiv=document.querySelector(".redDiv");
//綁定事件
redDiv.onclick = function () {
console.log("111");
}
redDiv.onclick = function () {
console.log("222");
}
//綁定事件 （第二種）
//addEventListener想要給誰添加綁定事件，就讓誰去調(diào)用addEventListener
//這個函數(shù)。這個函數(shù)忌锯，有三個參數(shù)
//第一參數(shù)箍鼓，代表要綁定什么類型的事件，點擊（click），鼠標移動（mousemove）
//不帶on的事件哮肚，是個字符串
//第二個參數(shù)是給這個事件綁定的方法凸丸。
redDiv.addEventListener("click",function() {
console.log("你點到人家了");
});
redDiv.addEventListener("click",function() {
console.log("你又點到人家了");
});
//綁定事件（第三種：ie）
//和addEventListener稚茅，不同的地方在于事件類型要加on纸淮，比如onclick
// redDiv.attachEvent("onclick",function() {
// console.log("我是來自IE的點擊");
// });
//封裝一個兼容的寫法。
function addEv (type,fn,target) {
if(target.attachEvent){
target.attachEvent("on"+type,fn);
}else{
target.addEventListener(type,fn,false);
}
}
addEv("click",test,redDiv);
function test() {
console.log("自己寫的函數(shù)");
}
//移除事件(IE)
redDiv.removeEventListener("click",test,false);
//移除事件（IE）
// redDiv.detachEvent("onclick",test);
</script>
</html>
事件綁定
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門歼秽，熙熙樓的掌柜王于貴愁眉苦臉地迎上來应役，“玉大人，你說我怎么就攤上這事燥筷÷嵯椋” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵肆氓，是天一觀的道長袍祖。 經(jīng)常有香客問我，道長谢揪，這世上最難降的妖魔是什么蕉陋？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮拨扶，結(jié)果婚禮上凳鬓，老公的妹妹穿的比我還像新娘。我一直安慰自己患民，他們只是感情好村视，可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著酒奶，像睡著了一般。 火紅的嫁衣襯著肌膚如雪奶赔。 梳的紋絲不亂的頭發(fā)上惋嚎，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼堕汞！你這毒婦竟也來了勺爱？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布苹支，位于F島的核電站，受9級特大地震影響误阻，放射性物質(zhì)發(fā)生泄漏债蜜。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一究反、第九天 我趴在偏房一處隱蔽的房頂上張望寻定。 院中可真熱鬧，春花似錦精耐、人聲如沸狼速。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽向胡。三九已至，卻和暖如春惊完，著一層夾襖步出監(jiān)牢的瞬間僵芹，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 一.事件 事件是用戶或瀏覽器自身執(zhí)行的某種動作遭殉，這是我自己的理解石挂。 二.事件流 事件流描述的是從頁面中接收事件的順...
- 第一步：獲取頁面的ul蛔糯，button 第二步：動態(tài)創(chuàng)建li元素 第三步：把li元素追加到ul中 第四步： ``` ...
- 當我們想去操作html文檔中的某個元素，使其發(fā)生某種變化時淮逻，這都少不了事件綁定琼懊。 今天主要想寫一下最基本的一些用法...
