<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="../JS/myAddEvent.js"></script>
</head>
<body>
<input type="button" id="btn1" value="shishi">
<script>
window.onload = function () {
var btn1 = document.getElementById('btn1');
//普通事件只能执行一次,多次写也会被覆盖
// btn1.οnclick=function(){
// alert("a");
// }
// btn1.οnclick=function(){
// alert("b");
// }
//事件绑定函数 可重复写多次 attachEvent()在火狐下不兼容
//addEventLister()在IE下不兼容
// if (btn1.attachEvent) {
// btn1.attachEvent('onclick', function () {
// alert("a");
// });
// btn1.attachEvent('onclick', function () {
// alert("b");
// });
// } else {
// btn1.addEventListener('click',function(){
// alert("a");
// },false);
// btn1.addEventListener('click',function(){
// alert("b");
// },false);
// }
//函数封装方式
myAddEvent(btn1,'click',function(){
alert("a");
})
myAddEvent(btn1,'click',function(){
alert("b");
})
}
</script>
</body>
</html>