javascript - onClick 事件不适用于 Firefox 中的 anchor 标记

Question

单击我的 anchor 标记(如下所示)不会隐藏通知父级 div。 notification-parent div 在 IE7 和 IE8 中正确隐藏，但在 Firefox 中则不然。

<script type="text/javascript">
    function checkClick(e) {
        var obj = e.srcElement;
        if (obj.id != "notify-parent")
            document.getElementById('notify-parent').style.display = 'none';

        return;
    }
</script>

<div id="notify-parent" style="padding-bottom: 10px; margin-top: -10px;">
    <table width="800">
        <tr>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td align="center">
                <div id="notify-container">
                    <table style="padding: 10 10 10 10">
                        <tr>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                            <td align="right">
                                <a class="close-notify" onclick="checkClick(event);return false" title="dismiss this notification">
                                    ×</a>
                            </td>
                        </tr>
                        <tr>
                            <td>&nbsp;
                            </td>
                            <td>
                                A message goes here
                            </td>
                        </tr>
                        <td>&nbsp;
                        </td>
                    </table>
                </div>
            </td>
        </tr>
    </table>
</div>

我尝试添加 href="#" 但这并没有解决问题。

我做错了什么？

Answer 1

Firefox 中的事件对象上没有 srcElement。我可以在 Firebug 中直观地看到这一点。您可以考虑使用目标。您还可以使用 javascript 框架来跨浏览器标准化这一点。记不清了，但我确信 JQuery 会这样做。

顺便说一句，Firebug 非常棒。我设置了一个断点并为您提供了一个屏幕截图，以便您可以准确地看到 Firefox 上该事件对象中的内容。

另请参阅https://developer.mozilla.org/en/DOM/event作为引用。

event.target :: A reference to the target to which the event was originally dispatched