Rumah > Artikel > hujung hadapan web > 有关js 实时监听input中值变化（图文教程）

有关js 实时监听input中值变化（图文教程）

亚连asal: 2018-05-18 14:19:582236semak imbas

下面是我给大家整理的js 实时监听input中值变化，有兴趣的同学可以去看看。ca4b6aadcb19b5f37fe0d3c9f82da056

<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 >  
            实时监测input中值的变化  
        </h1>  
        <input type="text" id="username" autoComplete=&#39;off&#39;>  
        <div id="result"></div>  
    </body>  
</html>

$(function(){  
$(&#39;#username&#39;).bind(&#39;input propertychange&#39;, function() {  
    $(&#39;#result&#39;).html($(this).val().length + &#39; characters&#39;);  
});  
})

oninput,onpropertychange,onchange的用法

onchange触发事件必须满足两个条件：

a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效）

b）当前对象失去焦点(onblur)；

onpropertychange的话，只要当前对象属性发生改变，都会触发事件，但是它是IE专属的；

oninput是onpropertychange的非IE浏览器版本，支持firefox和opera等浏览器，但有一点不同，它绑定于对象时，并非该对象所有属性改变都能触发事件，它只在对象value值发生改变时奏效。

上面是我整理给大家的，希望今后会对大家有帮助。

给nodejs里密码加密有哪几种方式

js 判断客户端能否上网详解

给nodejs里密码加密有哪几种方式

Atas ialah kandungan terperinci 有关js 实时监听input中值变化（图文教程）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：有关js string()常用方法总结（图文教程）Artikel seterusnya：利用原生js实现form表单序列化（图文教程）

Artikel berkaitan

Lihat lagi