记一次意外

Posted 2020-08-15 炎泽

今天尝试给同一个对象绑定多个事件:

document.getElementById("a").onfocus= function(){
            alert("1")
        }.onclick= function(){
            alert("2")
        }

发现弹出2，改变focus和click的顺序后依旧如此，只有书写顺序的最后一个的发挥作用，因此还是得老老实实地写。

document.getElementById("a").onfocus= function(){alert("1")}

document.getElementById("a").onclick= function(){alert("2")}

发现结果很奇怪

chrome  无焦点 onfocus生效   获取焦点

　　　　  有焦点 onclick生效

IE          无焦点 onfocus生效   获取焦点

　　　　  有焦点   onclick onfocus

safari     无焦点  onfacus持续不断生效

firefox     无焦点  onfocus生效 无法获取焦点