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

onblur event distinguishes in IE/Firefox / Chrome

本文关键字:Chrome 有所区别 Firefox onblur IE 事件      更新时间:2023-09-26

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

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

myJS验证:

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中事件参数没有字段"srcElement"。有没有办法让它兼容所有浏览器?

感谢您提前提供的帮助。

尝试使用标准。

您可以使用targetcurrentTarget

 event.currentTarget.id;

更多信息:

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