DOM模糊方法用于从当前元素中移除键盘焦点,并在focus()方法的帮助下提供焦点。我们可以将模糊应用于任何元素,并通过执行一些操作将其启用。例如,我们可以通过单击一个按钮来模糊成text-box。
用法:
Object.blur()
例:
<html>
<head>
<title>HTML DOM blur Property</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>
DOM blur Property
</h2>
<input type="text" id="txt" placeholder="Enter text here">
<br>
<br>
<button type="button" onclick="inputFocus()">Focus</button>
<button type="button" onclick="inputBlur()">Blur</button>
<script>
function inputFocus() {
document.getElementById('txt').focus();
}
function inputBlur() {
document.getElementById('txt').blur();
}
</script>
</body>
</html>
输出:
单击焦点按钮后:
单击模糊按钮后:
支持的浏览器:下面列出了blur()方法支持的浏览器:
- 谷歌浏览器
- IE浏览器
- 火狐浏览器
- Opera
- 苹果浏览器
相关用法
- CSS blur()用法及代码示例
- Node.js GM blur()用法及代码示例
- AngularJS ng-blur用法及代码示例
- HTML DOM contains()用法及代码示例
- HTML DOM getElementsByName()用法及代码示例
- HTML DOM History go()用法及代码示例
- HTML DOM write()用法及代码示例
- HTML DOM fullscreenEnabled()用法及代码示例
- HTML DOM getElementsByClassName()用法及代码示例
- HTML DOM setNamedItem()用法及代码示例
- HTML DOM importNode()用法及代码示例
- HTML DOM normalizeDocument()用法及代码示例
注:本文由纯净天空筛选整理自Vishal Chaudhary 2大神的英文原创作品 HTML | DOM blur() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。