onblur事件在IE / Firefox / Chrome中有所区别

时间:2015-11-11 14:38:20

标签: javascript html

我在HTML输入字段上使用onblurevent在离开字段后直接验证输入。在事件处理程序中,查看源元素的id和调用验证方法:

<input  id="ex1"  onblur="app.checkInput(event);" />
<input  id="ex2"  onblur="app.checkInput(event);" />

我的JS验证:

this.checkInput = function(event) {
    var result;
    if (event.srcElement.id == 'ex1') {
      result = this.validateEx1();
    }
    else if ( event.srcElement.id == 'ex2') {
      result = this.validateEx12();
    } //...

这在IE和Chrome中运行良好,但事件参数在Firefox中没有Field的'srcElement'。有没有办法让它兼容所有浏览器?

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

尝试使用标准。

您可以使用targetcurrentTarget

 event.currentTarget.id;

更多信息:

https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget