入力中央値の変化をリアルタイムで監視するjsについて（グラフィックチュートリアル）-jsチュートリアル-php.cn

入力中央値の変化をリアルタイムで監視するjsについて（グラフィックチュートリアル）

亚连

リリース： 2018-05-18 14:19:58

オリジナル

2234 人が閲覧しました

以下は、入力中央値の変化をリアルタイムで監視するために私がコンパイルした js です。興味のある学生はご覧ください。 >

<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 uses

onchange トリガーとなるイベントは、次の 2 つの条件を満たす必要があります:

a) 現在のオブジェクトのプロパティの変更、キーボードまたはマウスのイベントによってトリガーされます (スクリプトのトリガーは無効です)

b) 現在のオブジェクトはフォーカスを失います (onblur)。現在のオブジェクトのプロパティが変更されている限り、イベントがトリガーされます。ただし、IE 専用です。

oninput は onpropertychange の非 IE ブラウザバージョンであり、Firefox や Opera などのブラウザをサポートしていますが、オブジェクトにバインドされている場合、そのすべてのプロパティが変更されるわけではない点が 1 つあります。オブジェクトはイベントをトリガーできますが、オブジェクトの値が変更された場合にのみ機能します。

上記は私があなたのためにまとめたものです。関連記事:

node

でパスワードを暗号化する方法は何ですか?

以上が入力中央値の変化をリアルタイムで監視するjsについて（グラフィックチュートリアル）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。