当前位置

网站首页> 程序设计 > 开源项目 > 程序开发 > 浏览文章

event对象

作者:小梦 来源: 网络 时间: 2024-05-09 阅读:

IE9 FF CHROME

<button type="button" id="button" class="btn" name="button">click</button><script type="text/javascript">var oBtn=document.getElementById("button");oBtn.onclick=function(event){    console.log(event.target) // <button id="button" class="btn" name="button" type="button">    console.log(event.srcElement.className) //btn}</script>

IE6-8

<button type="button" id="button" class="btn" name="button">click</button><script type="text/javascript">var oBtn=document.getElementById("button");oBtn.onclick=function(event){    var event=window.event;    console.log(event.srcElement) // <button id="button" class="btn" name="button" type="button">    console.log(event.srcElement.className) //btn}</script>

兼容

<button type="button" id="button" class="btn" name="button">click</button><script type="text/javascript">var oBtn=document.getElementById("button");oBtn.onclick=function(event){    var event=event || window.event;    obj = event.srcElement ? event.srcElement : event.target;    console.log(obj.id)}</script>