실시간으로 입력 중앙값 변경을 모니터링하는 js 정보(그래픽 튜토리얼)
- 亚连원래의
- 2018-05-18 14:19:582247검색
다음은 입력 중앙값의 변화를 실시간으로 모니터링하기 위해 컴파일한 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 Usage
onchange트리거 이벤트는 두 가지 조건을 충족해야 합니다.
a) 현재 개체 속성 변경 , 키보드 또는 마우스 이벤트에 의해 트리거됩니다(스크립트 트리거가 유효하지 않음)
b) 현재 객체가 포커스를 잃습니다(onblur).
onpropertychange. 현재 객체의 속성이 변경되는 한 이벤트가 트리거됩니다.
oninput은 IE가 아닌 브라우저 버전으로 Firefox 및 Opera와 같은 브라우저를 지원하지만 객체에 바인딩될 때 모든 속성이 변경되는 것은 아닙니다. 객체는 이벤트를 트리거할 수 있으며 객체 값이 변경될 때만 작동합니다.
위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.
관련 기사:
nodejs에서 비밀번호를 암호화하는 방법은 무엇인가요?
위 내용은 실시간으로 입력 중앙값 변경을 모니터링하는 js 정보(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.