首页 >常见问题 > 正文

焦点是什么

原创2021-01-18 15:36:3707384

焦点即光标,焦点是在页面屏幕中闪动的小竖线,鼠标点击可获得光标,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中文网其它相关文章!

php中文网最新课程二维码

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

  • 相关标签:焦点
  • 相关文章

    相关视频


    网友评论

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

    我要评论
  • 专题推荐

    作者信息

    coldplay.xixi

    好好学习 天天向上

    最近文章
    重点详解Java类和对象1399
    浅析php简单操作mysql锁机制3010
    php无法加载mysql怎么办1587
    推荐视频教程
  • Javascript趣味课堂Javascript趣味课堂
  • JavaScript核心编程视频教程JavaScript核心编程视频教程
  • JavaScript标准参考手册JavaScript标准参考手册
  • JavaScript极速入门JavaScript极速入门
  • JavaScript对象与常用设计模式JavaScript对象与常用设计模式
  • 视频教程分类