Javascript ng focus不为其工作<;按钮>;标签

Javascript ng focus不为其工作<;按钮>;标签,javascript,html,angularjs,Javascript,Html,Angularjs,ng focus并非适用于所有浏览器中的按钮,我想知道是否有任何其他功能类似于的ng focus,因为我需要为按钮对焦事件添加属性。我也尝试了onfocus()事件。 像这样使用ng focus <input type="button" ng-focus="vm.onFocus()" value='test'> 像这样使用ng focus <input type="button" ng-focus="vm.onFocus()" value='test'> Ng fo

ng focus并非适用于所有浏览器中的按钮,我想知道是否有任何其他功能类似于
ng focus,因为我需要为按钮对焦事件添加属性。我也尝试了
onfocus()
事件。

像这样使用
ng focus

<input type="button" ng-focus="vm.onFocus()" value='test'>

像这样使用
ng focus

<input type="button" ng-focus="vm.onFocus()" value='test'>

Ng focus将在您单击按钮后立即工作此行为是因为以下原因

焦点事件仅在鼠标光标位于特定控件上时触发,只要单击按钮焦点事件触发器,然后如果单击按钮区域以外的区域,则它将触发ng模糊事件 如果您希望在鼠标移动到按钮上时立即触发事件,则应使用ng mouseover进入按钮,使用ng MouseAve离开按钮



点击我

Ng焦点将在您单击按钮后立即工作此行为是由于以下原因造成的

焦点事件仅在鼠标光标位于特定控件上时触发,只要单击按钮焦点事件触发器,然后如果单击按钮区域以外的区域,则它将触发ng模糊事件 如果您希望在鼠标移动到按钮上时立即触发事件,则应使用ng mouseover进入按钮,使用ng MouseAve离开按钮



点击我
看看这个看看这个
<div ng-app ng-init="focus=false;blur=false;active=false">
<button
tabindex="1" 
ng-class="{ myFocus: focus, myBlur: blur }"    
ng-mouseover="focus=true;blur=false;" 
ng-mouseleave="blur=true;focus=false;"
value="Click me"
>
Click me
</button>