zoukankan      html  css  js  c++  java
  • blur事件

    blur事件是在元素失去焦点的时候触发,那么失去焦点的前提便是获得焦点。

    哪些元素可以获取焦点呢?

      1.超链接
      2.input button textarea (without disabled)
      3.所有带有tabindex属性的未被disabled的元素

    例如:

      

    <a href="#" onblur="showMsg(this);">link</a>
    <input onblur="showMsg(this);" type="text" />
    <input onblur="showMsg(this);" type="text" disabled  />
    <p onblur="showMsg(this);">first p</p>
    <p onblur="showMsg(this);" tabindex="1">second p</p>
    
    <script>
    function showMsg(e){
        alert(e.tagName);
    }
    </script>

    要注意的是 chrome下面 除了文本域的点击事件是不会触发focus和blur的 但是你使用tab键可以触发

    jQuery中一样 API是将blur放在了form events下面

    一般情况下给html element 加上tabindex是兼容主流浏览器的 

  • 相关阅读:
    pycharm运行html文件报404错误
    css3 鼠标悬浮动画效果
    子代选择器和后代选择器的区别
    前端入门
    爬虫Scrapy框架
    BeautifulSoup
    爬虫之selenium使用
    爬虫之BeautifulSoup
    urllib模块
    爬虫基础
  • 原文地址:https://www.cnblogs.com/x-radish/p/3178481.html
Copyright © 2011-2022 走看看