DOM基础教程之事件对象(2)

<script language="javascript">
            function handle(oEvent) {
                var disp = document.getElementById("display");
                if (window.event) oEvent = window.event; //处理兼容性，获得对象
                var oTarget;
                if (oEvent.srcElement) //处理兼容性，获得事件
                    oTarget = oEvent.srcElement;
                else
                    oTarget = oEvent.target;
                disp.innerHTML += "元素名称：" + oTarget.tagName +"<br>" +  "元素内容：" + oTarget.textContent + "<br>"
                +  "之前紧随的节点：" + oTarget.textContent + "<br>"
                ;
            }
            window.onload = function() {
                var oP = document.getElementById("box");
                oP.onclick = handle;
            }
        </script>
        <div>
            <div>
                box内容
            </div>
            <p></p>
        </div>
（补充）Element 对象的属性
 （补充）Element 对象的方法

由于事件的目标在两类浏览器上不同，因此代码必须保证兼容性，通常的做法就是直接将对象作为if语句的条件，代码如下

复制代码 代码如下:

    if (oEvent.srcElement)
                    oTarget = oEvent.srcElement;
                else
                    oTarget = oEvent.target;

这种方法在其它属性中也是常用的。

您可能感兴趣的文章: