欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

javascript如何设置焦点移除

程序员文章站 2022-03-08 11:05:15
...

在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如何设置焦点移除的详细内容,更多请关注其它相关文章!

相关标签: JavaScript