我所知道并且有用的有四个事件, 获得焦点 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>
来源: https://www.2cto.com/kf/201807/759140.html