HTML DOM focus() 方法 | DOM 对象:HTML DOM 元素对象

返回到:DOM 对象:HTML DOM 元素对象

定义和使用

focus() 方法用于为元素设置焦点(如果可以设置)。

提示:使用 blur() 方法来移除元素焦点。

浏览器支持

方法谷歌IE火狐苹果opera
focus()YesYesYesYesYes

语法

HTMLElementObject.focus()

参数

None

技术描述

返回值:没有返回值

实例

为 <a> 元素设置焦点:

<!DOCTYPE html>
<html>
	<title>Web176教程网(web176.com)</title>
<head>
<style>
a:focus, a:active {
    color: green;
}
</style>
</head>
<body>

<a id="myAnchor" href="https://www.web176.com" target="_blank">访问Web176教程网</a>

<p>点击按钮设置或移除以上链接的焦点。</p>

<input type="button" onclick="getfocus()" value="获取焦点">
<input type="button" onclick="losefocus()" value="移除焦点">

<script>
function getfocus() {
    document.getElementById("myAnchor").focus();
}

function losefocus() {
    document.getElementById("myAnchor").blur();
}
</script>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4380.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年12月7日 下午3:54
下一篇 2021年12月7日 下午4:03

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注