input触发事件

最新推荐文章于 2024-06-28 13:54:31 发布

一叶知秋9307

最新推荐文章于 2024-06-28 13:54:31 发布

阅读量1w

点赞数

文章标签： js jQuery

本文链接：https://blog.csdn.net/qq_40285497/article/details/80938862

版权

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

<body>
<input type="text" οnchange="aa(this)" οninput="aa(this)" οnblur="aa(this)" οnfοcus="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>