javascript如何设置焦点移除

文章2023-01-1797 人已阅来源:网络

在javascript中,可以使用onblur事件设置焦点移出,语法“onblur="需要执行的js代码e"”。onblur事件会在对象失去焦点时发生,经常用于Js验证代码,一般用于表单输入框。

javascript如何设置焦点移除

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

onblur 事件会在对象失去焦点时发生。Onblur 经常用于Javascript验证代码,一般用于表单输入框。

语法

onblur="SomeJavaScriptCode"

支持该事件的 HTML 标签:

<a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>,<button>, <caption>, <cite>, <dd>, <del>, <dfn>, <div>, <dl>, <dt>,<em>, <fieldset>, <form>, <frame>, <frameset>, <h1> to <h6>, <hr>, <i>,<iframe>, <img>, <input>, <ins>, <kbd>, <label>, <legend>, <li>,<object>, <ol>, <p>, <pre>, <q>, <samp>, <select>, <small>, <span>,<strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>,<th>, <thead>, <tr>, <tt>, <ul>, <var>

支持该事件的 JavaScript 对象:

button, checkbox, fileUpload, layer, frame, password,radio, reset, submit, text, textarea, window

实例:

<html>

<head>
<script type="text/javascript">
function upperCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()
}
</script>
</head>

<body>

Enter your name: <input type="text" id="fname" onblur="upperCase()"><br />
Enter your age: <input type="text" id="age" onblur="alert(this.id)">

</body>
</html>

【推荐学习:javascript高级教程】

以上就是javascript如何设置焦点移除的详细内容!