使用JavaScript进行事件处理_Javascript_Html

使用JavaScript进行事件处理

javascript html

使用JavaScript进行事件处理,javascript,html,Javascript,Html,我是JavaScript新手，目前正在学习DOM的事件处理基础知识。这是我的HTML代码：- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"> <head> <title&

我是JavaScript新手，目前正在学习DOM的事件处理基础知识。这是我的HTML代码：-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<title>My Test Program for Event Handler</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<p>The first captain of the USS Enterprise NCC-1701 was
<a id="t1" href="http://en.wikipedia.org/">My Link!</a>.</p>
<script type="text/javascript" src="example.js"></script>
</body>
</html>


我的事件处理程序测试程序
美国企业号NCC-1701的第一任舰长是

这是我的Jscript：-

var StrayClickCatcher = {
    init: function () {
        var links = document.getElementsByTagName("a");
        if (typeof document.addEventListener != "undefined") {
            document.addEventListener("click", StrayClickCatcher.strayClickListener, false);
            for (var i = 0; i < links.length; i++) {
                links[i].addEventListener("click", StrayClickCatcher.linkClickListener, false);
            }
        } else if (typeof document.attachEvent != "undefined") {
            document.attachEvent("onClick", StrayClickCatcher.strayClickListener);
            for (var i = 0; i < links.length; i++) {
                links[i].attachEvent("onClick", StrayClickCatcher.linkClickListener);
            }
        }
    },
    strayClickListener: function (event) {
        alert("Did you mean to click a link? " + "It's that blue, underlined text.");
    },
    linkClickListener: function (event) {
        if (typeof event == "undefined") {
            event = window.event;
        }
        if (typeof event.stopPropagation != "undefined") {
            event.stopPropagation();
        } else {
            event.cancelBubble = true;
        }
    }
};

var StrayClickCatcher={
init：函数（）{
var links=document.getElementsByTagName（“a”）；
if（document.addEventListener的类型！=“未定义”）{
document.addEventListener（“单击”，StrayClickCatcher.strayClickListener，false）；
对于（变量i=0；i


我想在用户未单击链接时显示一条警告消息。但是，它不起作用。我遗漏了什么吗？
如果您呼叫
StrayClickCatcher.init();

在js代码的末尾。这是一份工作副本：
看在上帝的份上，请正确缩进代码。这是一个无法读取的混乱。你从什么地方调用StrayClickCatcher.init（）了吗？啊。。缺少的部分！谢谢