• 技术文章 >Web开发 >JavaScript

    js中有哪些焦点事件

    小妮浅浅小妮浅浅2021-10-29 09:50:47原创4660

    1、blur当元素失去焦点时触发。

    事件不会冒泡,所有浏览器都支持。

    2、focus当元素获得焦点时触发。

    事件不会冒泡,所有浏览器都支持。

    3、focusin等于focus事件,但它冒泡。

    4、focusout是HTML事件blur的通用版本。

    实例

    //    焦点事件:模拟输入框的placeholder功能
     
        var oInput1 = document.getElementById("input1");
        oInput1.onfocus = function () {
            oInput1.value = "";
        };
        oInput1.onblur = function () {
          oInput1.value = "请输入内容";
        };
        //oInput1.select();

    以上就是js中焦点事件的介绍,希望对大家有所帮助。更多js学习指路:js教程

    推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

    专题推荐:js 焦点事件
    上一篇:js中scroll事件的两种模式 下一篇:js中事件捕获的实现

    相关文章推荐

    • 面试准备:快速学习JS防抖与节流• js字符串中的三种引号• js盗用构造函数的实现• js将小数转为整数的方法• js小数转为整数的函数• js中load事件如何理解• js中resize事件是什么• js中scroll事件的两种模式

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网