当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML DOM blur()用法及代码示例


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

单击模糊按钮后:
blur

支持的浏览器:下面列出了blur()方法支持的浏览器:

  • 谷歌浏览器
  • IE浏览器
  • 火狐浏览器
  • Opera
  • 苹果浏览器


相关用法


注:本文由纯净天空筛选整理自Vishal Chaudhary 2大神的英文原创作品 HTML | DOM blur() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。