找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 查看内容

焦点是什么

作者:模板之家 2021-1-17 22:14 175人关注

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

焦点即光标,焦点是在页面屏幕中闪动的小竖线,鼠标点击可获得光标,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培训栏目!

以上就是焦点是什么的详细内容,更多请关注模板之家(www.mb5.com.cn)其它相关文章!


路过

雷人

握手

鲜花

鸡蛋
来自: 网络收集

全部回复(0)