字面量自定义事件

最新推荐文章于 2024-05-30 13:59:14 发布

weixin_34302798

最新推荐文章于 2024-05-30 13:59:14 发布

阅读量68

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Longhua-0/p/9576530.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button id="button1">clear</button>
<button id="button2">000</button>

//------------- 以下为测试代码 -----------

// 添加自定义事件
var fnAlert1, fnAlert2;
Event.addEvent("alert", fnAlert1 = function() {
alert("第一个弹出！");
}).addEvent("alert", fnAlert2 = function() {
alert("第二个弹出！");
});

// 按钮绑定事件，用来清除自定义事件
var elButton1 = document.getElementById("button1"),
elButton2 = document.getElementById("button2");

elButton1.onclick = function() {
    //Event.removeEvent("alert");
    alert("alert事件清除成功！");

    // 此时后一个按钮卧底了，故隐藏
    elButton2.style.display = "none";
};

elButton2.onclick = function() {
Event.removeEvent("alert", fnAlert1);
alert("第一个alert清除成功！");
};

// 点击文档，触发自定义事件
document.onclick = function(e) {
    e = e || window.event;
    var target = e.target || e.srcElement;

    // 如果文档点击元素标签名不是input
    if (!target || !/input|pre/i.test(target.tagName)) {
        Event.fireEvent("alert");
    }
};
</script>

</body>
</html>

链接：https://www.zhangxinxu.com/study/201203/js-custom-events-literal.html

转载于:https://www.cnblogs.com/Longhua-0/p/9576530.html

weixin_34302798

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
字面量自定义事件

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><button id="button1">clear</button><bu...
复制链接

扫一扫