站内搜索:
首页 >> 前端 >> 内容
input触发事件代码实例

时间:2018/7/11 13:54:20

我所知道并且有用的有四个事件,获得焦点onfocus;失去焦点onblur;输入一次触发一次oninput;输入并失去焦点onchange.代码如下。

<body>
<input type="text" onchange="aa(this)" oninput="aa(this)" onblur="aa(this)" onfocus="aa(this)">
<script>
   $("input").bind('input',function () {
       console.log(this);
   });
    $(document).on("input","input",function () {
        console.log(this);
    });
    document.querySelector("input").oninput = function (ev) {
        console.log("111");
    };

   $("input").bind('change',function () {
       console.log(this);
   });
   $(document).on("change","input",function () {
       console.log(this);
   });
   document.querySelector("input").onchange = function (ev) {
       console.log("111");
   };

    function aa(e) {
        console.log(e);
    }
</script>
</body>

  • 上一篇:css滑动门解析及代码演示
  • 下一篇:CSS多行文字超出隐藏加省略号效果的代码实现
  • 返回顶部