Javascript onclick，引发无法捕获的异常

Question

我有这段代码，但由于某种原因它不起作用。我试图查看 Google Chrome Javascript 控制台，看起来它正在引发某种异常。但是当抛出异常时，页面会刷新，所以我看不到异常。有人可以帮忙吗？

            <section class="form_section">
                <label for="tag">Tags(Click to select)</label>
                <input type="text" placeholder="Enter tag name" id="tag_input" class="tag_input"/>
                <input type="button" value="Add" onclick="addTag()" title="Click to add tag"/>
                <section id="tags" class="tags"></section>
            </section>


var tags = new Array();
        
        function addTag()
        {
            var value = document.getElementById("tag_input").value;
            if(value.length > 0)
            {
                tags[value] = value;
                var temp = "<a href=\"\" onclick=\"removeTag(this); return false;\" class=\"tag_item\">" + value + "</a>";
                document.getElementById("tags").innerHTML += temp;
                document.getElementById("tag_input").value = "";
            }
        }
        function removeTag(obj)
        {
            console.log(obj);
        }

Answer 1

修正

condole.log(obj); 必须是 console.log(obj); 并输入 return false; 以便执行将停在那里。

如果您不想添加return false;，请尝试添加如下链接，

var temp = "<a href=\"Javascrip:void(0);\" onclick=\"removeTag(this); return false;\" class=\"tag_item\">" + value + "</a>";

Javascrip:void(0); 会为你做这件事。