html在元素失去焦点时触发的事件属性onblur
程序员文章站
2022-04-09 19:09:44
...
实例
当用户离开输入字段时对其进行验证：
<input type="text" name="fname" id="fname" onblur="upperCase()">
浏览器支持
IE
Firefox
Chrome
Safari
Opera
所有主流浏览器都支持 onblur 属性。
定义和用法
onblur 属性在元素失去焦点时触发。
onblur 常用于表单验证代码（例如用户离开表单字段）。
提示：onblur 属性与 onfocus 属性相反。
HTML 4.01 与 HTML5 之间的差异
无。
语法
<element onblur="script">
属性值
| 值 | 描述 |
| script | onblur 发生时运行的脚本。 |
实例：
<!-- ------------------------------ -->
<!-- 文件范例：15-20.htm -->
<!-- 文件说明：OnBlur事件 -->
<!-- onblur 是控件在失去焦点的时候触发的事件 -->
<!-- ------------------------------ -->
<html>
<head>
<title>OnBlur事件</title>
</head>
<body>
<Form>
<input type="text" name="test1" value="test1">
<input type="text" name="test2" value="test2" onBlur=alert("我失去了输入焦点!")>
</Form>
</body>
</html>
以上就是html在元素失去焦点时触发的事件属性onblur的详细内容，更多请关注其它相关文章！
推荐阅读
-
html中在鼠标双击元素时触发的事件属性ondblclick
-
html中用户（在键盘上）释放按键时触发的事件属性onkeyup
-
html5中在可拖动的元素或选取的文本移出放置目标时执触发的事件ondragleave
-
html5中在元素滚动条在滚动时触发的事件onscroll
-
html5中在可拖动元素或选取的文本放置在目标区域时触发的事件ondrop
-
html5中在可拖动元素或选取的文本正在拖动到放置目标时触发的事件ondragover
-
html在鼠标按钮在元素上按下时触发的事件属性onmousedown
-
html中用户（在键盘上）按键时触发的事件属性onkeypress
-
html5中在元素或者选取的文本被拖动时触发的事件ondrag
-
html5中在可拖动的元素或选取的文本移出放置目标时执触发的事件ondragleave