为啥放在div里面的input的onblur无法生效？

Posted 2023-04-24

这是div

<div>
<label for="name" >用户名</label>
<input type="text" id="name" name="user_name" size="6" onblur="danji()"/>
<span>*</span>
</div><br/>
这是函数

<script>
function danji()

alert("hello javascript");


</script>
但是我单拿函数出来是没什么问题的 搞不懂

参考技术A blur是失焦事件，如果input没有先获得焦点再失去焦点是不会触发的 参考技术B 代码没毛病，可以生效，移除input焦点就会触发了

div的onblur事件

一般情况下，onblur事件只在input等元素中才有，而div却没有，因为div没有tabindex属性，所以要给div加上此属性。

如：

<div tabindex="0" hidefocus="true" onfocus=‘alert("得到焦点");‘ onblur=‘alert("失去焦点");‘ style="border:1px solid #ccc;width:200px;height:200px;outline=0;"></div>

　定义tabindex属性后，元素是默认会加上焦点虚线的，那么在IE中可以通过hidefocus="true"去除！其他浏览器通过outline=0进行去除！