js添加事件的通用方法推薦
js添加事件的通用方法推薦
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p id="p1">測(cè)試添加事件:firefox使用addEventListener,ie使用attachEvent<br>
點(diǎn)擊此p標(biāo)簽,綁定了2個(gè)彈出事件</p>
<script>
function test1() {
alert("test1");
}
function test2(){
alert("test2");
}
//添加事件通用方法
function addEvent(element,e,fn) {
//firefox使用addEventListener,來添加事件
if(element.addEventListener) {
element.addEventListener(e,fn,false);
}
//ie使用attachEvent,來添加事件
else {
element.attachEvent("on"+e,fn);
}
}
window.onload = function(){
var element = document.getElementById("p1");
addEvent(element,"click",test1);
addEvent(element,"click",test2);
}
</script>
</body>
</html>
以上這篇js添加事件的通用方法推薦就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- JavaScript使用addEventListener添加事件監(jiān)聽用法實(shí)例
- 多種方法實(shí)現(xiàn)JS動(dòng)態(tài)添加事件
- js動(dòng)態(tài)添加事件并可傳參數(shù)示例代碼
- JS中動(dòng)態(tài)添加事件(綁定事件)的代碼
- JavaScript DOM 添加事件
- javascript 動(dòng)態(tài)添加事件代碼
- javascript下給元素添加事件的方法與代碼
- js添加綁定事件的方法
- JavaScript實(shí)現(xiàn)添加及刪除事件的方法小結(jié)
- js動(dòng)態(tài)添加onclick事件可傳參數(shù)與不傳參數(shù)
- 原生js事件的添加和刪除的封裝
- JS腳本實(shí)現(xiàn)動(dòng)態(tài)給標(biāo)簽控件添加事件的方法
相關(guān)文章
基于JS實(shí)現(xiàn)新聞列表無縫向上滾動(dòng)實(shí)例代碼
當(dāng)新聞?shì)^多,并且空前有限的時(shí)候,使用滾動(dòng)是一個(gè)不錯(cuò)的選擇,本章節(jié)就通過代碼實(shí)例介紹一下如何實(shí)現(xiàn)此效果,對(duì)無縫向上滾動(dòng)實(shí)例代碼感興趣的朋友一起學(xué)習(xí)吧2016-01-01
javascript數(shù)組includes、reduce的基本使用
這篇文章主要給大家介紹了關(guān)于javascript數(shù)組includes、reduce的基本使用方法,includes方法是用于檢查特定元素是包含在數(shù)組還是字符串中的方法,而reduce用法則有很多,需要的朋友可以參考下2021-07-07
JavaScript基于activexobject連接遠(yuǎn)程數(shù)據(jù)庫SQL Server 2014的方法
這篇文章主要介紹了JavaScript基于activexobject連接遠(yuǎn)程數(shù)據(jù)庫SQL Server 2014的方法,結(jié)合實(shí)例形式分析了javascript使用activexobject遠(yuǎn)程連接數(shù)據(jù)庫的相關(guān)操作技巧,需要的朋友可以參考下2017-07-07
JS獲得鼠標(biāo)位置(兼容多瀏覽器ie,firefox)腳本之家修正版
這段代碼經(jīng)過測(cè)試,支持ie和ff是個(gè)不錯(cuò)的代碼,并修正了錯(cuò)誤,希望大家先運(yùn)行測(cè)試下2008-11-11
HBuilderX開發(fā)一個(gè)簡單的微信小程序的實(shí)現(xiàn)步驟
本文主要介紹了HBuilderX開發(fā)一個(gè)簡單的微信小程序的實(shí)現(xiàn)步驟,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02
js實(shí)現(xiàn)3D圖片環(huán)展示效果
本文主要介紹了js實(shí)現(xiàn)3D圖片環(huán)展示效果的實(shí)例,具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
微信小程序?qū)崿F(xiàn)action-sheet彈出底部菜單功能【附源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)action-sheet彈出底部菜單功能,結(jié)合實(shí)例形式分析了action-sheet組件彈出菜單的使用技巧,包括元素遍歷、事件響應(yīng)及屬性設(shè)置等操作方法,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12

