您现在的位置:首页 >> 前端 >> 内容

input触发事件代码实例

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

  核心提示:我所知道并且有用的有四个事件,获得焦点onfocus;失去焦点onblur;输入一次触发一次oninput;输入并失去焦点onchange.代码如下。bodyinput type=text oncha...

我所知道并且有用的有四个事件,获得焦点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>

Tags:IN NP PU UT 
作者:网络 来源:qq_4028549