首页 >web前端 >js教程 > 正文

javascript如何设置焦点移除

原创2021-06-15 10:01:040409

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

本教程操作环境: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如何设置焦点移除的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:JavaScript
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    醉折花枝作酒筹

    飞花飘絮,霓裳翩翩舞,几多情愫心飞扬。

    最近文章
    css如何设置指定网格的大小和位置471
    css如何定义网格线大小1159
    教你一招搞定css背景图的大小839
    推荐视频教程
  • JavaScript深入视频教程JavaScript深入视频教程
  • JavaScript OOP调试技巧视频教程JavaScript OOP调试技巧视频教程
  • JavaScript极速入门_玉女心经系列JavaScript极速入门_玉女心经系列
  • JavaScript正则表达式基础与实战JavaScript正则表达式基础与实战
  • JavaScript—极速入门JavaScript—极速入门
  • 视频教程分类