即时反应的input和propertychange方法

Posted 2020-08-09

之前遇到一个问题，显示输入框中的文字个数

首先，看到这个问题，我首先想到的就是使用keyup触发事件，然而当我巴拉巴拉敲完代码，测试的时候，发现对于ios系统无用，so，各种查阅资料。找到了一种快捷方便的方法，分享给大家：

propertychange 和 input 事件:

1）propertychange只要当前对象的属性发生改变就会触发该事件

2）input是标准的浏览器事件，一般应用于input元素，当input的value发生变化就会发生，无论是键盘输入还是鼠标黏贴的改变都能及时监听到变化

$(function(){ 

    $(‘#username‘).bind(‘input propertychange‘, function() {  

    $(‘#result‘).html($(this).val().length + ‘ characters‘);  

  });  

})  

这里bind同时绑定了input和propertychange两个方法。

好了，就是这么简单，希望对你有帮助哦

本文出自 “小眸-前端” 博客，请务必保留此出处http://9886022.blog.51cto.com/9876022/1854551