js 实时监听input中值变化
生活随笔
收集整理的這篇文章主要介紹了
js 实时监听input中值变化
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
摘自：http://blog.csdn.net/spy19881201/article/details/25537225
?
示例：
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title> <script id="jquery_183" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-1.8.3.min.js"></script> </head> <body> <h1 > 實時監(jiān)測input中值的變化 </h1> <input type="text" id="username" autoComplete='off'> <div id="result"></div> </body> </html>?
?js 實現(xiàn)：
$(function(){ $('#username').bind('input propertychange', function() { $('#result').html($(this).val().length + ' characters'); }); })?
?
類似于，實現(xiàn)微博的‘還能輸入xxx個字符’oninput,onpropertychange,onchange的用法：?
1、onchange觸發(fā)事件必須滿足兩個條件：
a）當前對象屬性改變，并且是由鍵盤或鼠標事件激發(fā)的（腳本觸發(fā)無效）
b）當前對象失去焦點(onblur)；
2、onpropertychange的話，只要當前對象屬性發(fā)生改變，都會觸發(fā)事件，但是它是IE專屬的；
3、oninput是onpropertychange的非IE瀏覽器版本，支持firefox和opera等瀏覽器，但有一點不同，它綁定于對象時，并非該對象所有屬性改變都能觸發(fā)事件，它只在對象value值發(fā)生改變時奏效。
轉載于:https://www.cnblogs.com/cnblogs-jcy/p/7029028.html
總結
以上是生活随笔為你收集整理的js 实时监听input中值变化的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Android修改项目包名
- 下一篇： java.lang.NoSuchMeth