ホームページ > 記事 > ウェブフロントエンド > 入力中央値の変化をリアルタイムで監視するjsについて（グラフィックチュートリアル）
入力中央値の変化をリアルタイムで監視するjsについて（グラフィックチュートリアル）
- 亚连オリジナル
- 2018-05-18 14:19:582181ブラウズ
以下は、入力中央値の変化をリアルタイムで監視するために私がコンパイルした js です。興味のある学生はご覧ください。 aab34cdd5f497851e3d3dc5f70ede385
<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='off'> <div id="result"></div> </body> </html>
$(function(){
$('#username').bind('input propertychange', function() {
$('#result').html($(this).val().length + ' characters');
});
})oninput,onpropertychange,onchange uses
onchange トリガーとなるイベントは、次の 2 つの条件を満たす必要があります:
a) 現在のオブジェクトのプロパティの変更、キーボードまたはマウスのイベントによってトリガーされます (スクリプトのトリガーは無効です)
b) 現在のオブジェクトはフォーカスを失います (onblur)。現在のオブジェクトのプロパティが変更されている限り、イベントがトリガーされます。ただし、IE 専用です。
oninput は onpropertychange の非 IE ブラウザ バージョンであり、Firefox や Opera などのブラウザをサポートしていますが、オブジェクトにバインドされている場合、そのすべてのプロパティが変更されるわけではない点が 1 つあります。オブジェクトはイベントをトリガーできますが、オブジェクトの値が変更された場合にのみ機能します。
上記は私があなたのためにまとめたものです。 関連記事:
nodejs
でパスワードを暗号化する方法は何ですか?以上が入力中央値の変化をリアルタイムで監視するjsについて（グラフィックチュートリアル）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。