定义和用法
onblur 事件会在对象失去焦点时发生。
Onblur 经常用于Javascript验证代码,一般用于表单输入框。
提示:onblur 相反事件为 onfocus 事件 。
语法
HTML 中:
<element onblur="SomeJavaScriptCode">
JavaScript 中:
object.onblur=function(){SomeJavaScriptCode};
参数 | 描述 |
---|---|
SomeJavaScriptCode | 必需。规定该事件发生时执行的 JavaScript。 |
所有主要浏览器都支持 onblur 事件
支持 onblur 事件的 HTML 标签:
onblur 属性可以适用于所有 HTML 元素,除了: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>。
实例
当用户离开input输入框时执行一段Javascript代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程(web176.com)</title> <script> function myFunction(){ var x=document.getElementById("fname"); x.value=x.value.toUpperCase(); } </script> </head> <body> 输入你的名字: <input type="text" id="fname" onblur="myFunction()"> <p>当你离开输入框, 函数将被触发将输入文字转换成大写。</p> </body> </html>
作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/3933.html