javascript - 在js中取消不同浏览器中的冒泡问题

Question

<html>
<head>
<title>Javascript Event Phases</title>
</head>
<body>
<form id="frm" onclick="frmClick()" >
<input type="button" id="btn" value="Button" onclick="btnClick(event)" />
</form>
</body>
</html>
<script>
document.onclick = function()
{
    window.alert("Document clicked!");
};
function btnClick(e)
{
    if (window.event) {
        window.event.cancelBubble = true;
    }
    else {
        e.stopPropagation();
    }
    window.alert("Button clicked!");
}
function frmClick()
{
    window.alert("Form clicked!");
}</script>

以上代码来自：http ://triaslama.wordpress.com/2008/07/03/javascript-event-phases-capturing-and-bubbling/

问题：

if (window.event) {}，这条线只适用于IE吗？为什么我们可以用这条线来检测IE？
e.stopPropagation();这条线是否适用于除 IE 之外的其他浏览器（firefox、safari ...）？

score 0 · Accepted Answer

演示：http: //jsfiddle.net/abc123/JD7Wu/

这使用 event.preventDefault()，其中 https://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault

HTML：

<form id="frm" onclick="frmClick()" >
    <input type="button" id="btn" value="Button" onclick="btnClick(event)" />
</form>

JS：

document.onclick = function()
{
    window.alert("Document clicked!");
};
function btnClick(e)
{
    e.preventDefault();
    window.alert("Button clicked!");
}
function frmClick()
{
    window.alert("Form clicked!");
}

javascript - 在js中取消不同浏览器中的冒泡问题

1 回答 1

Related

Reference