发表于： 2020-08-03 23:17:07
1 1248
今天完成的事情：
学习事件的绑定
window.onload = function () {
/*
点击按钮弹出一个内容
*/
// 获取按钮对象
var btn01 = document.getElementById("btn01");
/*
使用 对象.事件 = 函数 的形式绑定响应函数
它只能同时为一个元素的事件绑定一个响应函数
绑定多个，则会覆盖
*/
/*
// 为btn01绑定一个单击响应函数
btn01.onclick=function(){
alert(1);
};
// 为btn01绑定第二个单击响应函数
btn01.onclick=function(){
alert(2);
};
*/
/*
addEventListener()
参数：
1.事件的字符串，不要on
2.回调函数，当前事件触发时该函数会被调用
3.是否在捕获阶段触发事件，需要一个布尔值，一般都传false
使用addEventListener()可以同时为一个元素的相同事件绑定多个响应函数
这样当事件被触发时，响应函数将会按照函数的绑定属性执行
不兼容ie8
*/
btn01.addEventListener("click", function () {
alert(1);
}, false);
btn01.addEventListener("click", function () {
alert(2);
}, false);
btn01.addEventListener("click", function () {
alert(3);
}, false);
// 定义一个函数，用来为指定元素绑定响应函数
/*
addEventListener()中的this，是绑定事件的对象
*/
/*
参数：
obj 要绑定事件的对象
eventStr 事件的字符串
callback 回调函数
*/
function bind(obj, eventStr, callback) {
// 大部分浏览器
obj.addEventListener(eventStr, callback, false);
//
obj.attachEvent(eventStr, callback);
}
};
返回列表
评论