• 技术文章 >常见问题

    焦点是什么

    coldplay.xixicoldplay.xixi2021-01-18 15:36:37原创6758

    焦点即光标,焦点是在页面屏幕中闪动的小竖线,鼠标点击可获得光标,Tab键可按照设置的Tabindex切换焦点,在JavaScriptongoing可以通过【focus()】方法获取焦点,通过【blur()】方法移开焦点。

    本文操作环境:宏基S40-51、HBuilderX.3.0.5版本、Windows10家庭中文版

    相关免费学习推荐:javascript视频教程

    焦点即光标,焦点是在页面屏幕中闪动的小竖线。鼠标点击可获得光标,Tab键可按照设置的Tabindex切换焦点。在JavaScriptongoing可以通过focus()方法获取焦点,通过blur()方法移开焦点。

    获取焦点:

    focus()方法用于为 checkbox 赋予焦点。

    语法:

    checkboxObject.focus()

    失去焦点:

    blur()方法用于从单选按钮上移开焦点。

    语法;

    radioObject.blur()

    示例:

    下面的例子可设置或移开单选按钮上的焦点:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <script type="text/javascript">
    function setFocus() {
    document.getElementById('check1').focus()
    }
    function loseFocus() {
    document.getElementById('check1').blur()
    }
    </script>
    </head>
    <body>
    <form>
    <input type="text" id="check1" />
    <br /><br />
    <input type="button" onclick="setFocus()" value="获取焦点" />
    <input type="button" onclick="loseFocus()" value="移开焦点" />
    </form>
    </body>
    </html>

    效果图:

    db351546d307d8bfadb6f5c6fdfdfe0.png

    想了解更多编程学习,敬请关注php培训栏目!

    以上就是焦点是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:焦点
    上一篇:计算机检索技术有哪些 下一篇:easyconnect是什么软件?

    相关文章推荐

    • jquery页面焦点动态使用• javascript实现焦点图轮播效果代码示例• php失去焦点怎么办• jquery是否获得焦点• jquery如何判断对象是否获得焦点

    全部评论我要评论

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

    PHP中文网