• 技术文章 >web前端 >js教程

    javascript失去焦点如何设置

    coldplay.xixicoldplay.xixi2021-04-12 16:16:28原创540

    javascript失去焦点的设置方法:使用blur,blur事件类型表示在元素失去焦点时响应,它与focus事件类型是对应的,主要作用于表单元素和超链接对象。

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

    javascript失去焦点的设置方法:

    失去焦点:blur

    blur事件类型表示在元素失去焦点时响应,它与focus事件类型是对应的,主要作用于表单元素和超链接对象

    示例:为所有输入表单元素绑定了focus和blur事件处理函数,设置当元素获取焦点时呈凸起,失去焦点呈凹陷

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    </head>
    <body>
    <input type="text" />
    <input type="text" />
    <script>
    var o = document.getElementsByTagName("input");
    for(var i = 0; i < o.length; i++){
    o[i].onfocus = function(){
    this.style.borderStyle = "outset";
    }
    o[i].blur = function(){
    this.style.borderStyle = "inset";
    }
    }
    </script>
    </body>
    </html>

    相关免费学习推荐:javascript(视频)

    以上就是javascript失去焦点如何设置的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 失去焦点
    上一篇:javascript调用后台的方法 下一篇:javascript怎么改变css
    线上培训班

    相关文章推荐

    • JavaScript焦点进入文本框内关闭输入法代码分享• php失去焦点怎么办• jquery是否获得焦点• jquery怎么判断对象是否获取焦点

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网