javascript - onFocus 在 Chrome、Firefox、Safari 中不起作用

Question

我有一个问题...我在 onFocus 事件下调用一个函数，并且该函数在 onFocus 事件下无法正常工作，但是当我将该函数放在 onMouseOver 下时，它工作正常...。为什么不运行onFocus 事件下的函数？？

html代码如下::

<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','./Images/Search1.gif',1);" onfocus="commonSearchValidation('company','companyname','branchcode','isactive'); chkSpecial('company'); chkSpecial('branchcode');" onclick="clickSearch('company','branchcode','companyNameOpr','companyname','isactive');" >
                <img src="Images/Search.gif"  alt="Search"     name="Image4" width="73" height="21" border="0" id="Image4" /></a> 

我正在调用的函数如下：

function commonSearchValidation()
{   
    var counter=arguments.length;   

    var resflag = false;        
    for(var i=0 ; i < counter ; i++)
    {
        var fvalue = document.getElementById(arguments[i]).value;
        if(fvalue.trim().length!=0)
        {           
            resflag = true;
        }                   
    }
    if(resflag)
    {   
        return resflag;
    }
    else
    {
        alert(Enteronefield);
        document.getElementById(arguments[0]).focus();
        return resflag;
    }
}

Answer 1

因为你误解了专注的意思。它与onmouse over不同。

<a href="#" onfocus="myFunction(this)">onfocus</a>
<br>
<br>
<a href="#" onmouseover="myFunction(this)">onmouseover</a>

和js代码

 function myFunction(x)
    {
    alert("This is "+x.text);
    document.getElementById("a2").focus();   
    }

这是有效的[JSfiddle DEMO][1]。了解区别。