即时反应的input和propertychange方法-创新互联

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

目前成都创新互联已为上1000+的企业提供了网站建设、域名、网页空间、网站改版维护、企业网站设计、石峰网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

首先,看到这个问题,我首先想到的就是使用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两个方法。

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

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享标题:即时反应的input和propertychange方法-创新互联
标题路径:http://abwzjs.com/article/csdips.html