실시간으로 입력 중앙값 변경을 모니터링하는 js 정보(그래픽 튜토리얼)

亚连
풀어 주다: 2018-05-18 14:19:58
원래의
2246명이 탐색했습니다.

다음은 입력 중앙값의 변화를 실시간으로 모니터링하기 위해 컴파일한 js입니다. >

  1. <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 Usage
onchange트리거 이벤트는 두 가지 조건을 충족해야 합니다.
a) 현재 개체 속성 변경 , 키보드 또는 마우스 이벤트에 의해 트리거됩니다(스크립트 트리거가 유효하지 않음)
b) 현재 객체가 포커스를 잃습니다(onblur).
onpropertychange. 현재 객체의 속성이 변경되는 한 이벤트가 트리거됩니다.
oninput은 IE가 아닌 브라우저 버전으로 Firefox 및 Opera와 같은 브라우저를 지원하지만 객체에 바인딩될 때 모든 속성이 변경되는 것은 아닙니다. 객체는 이벤트를 트리거할 수 있으며 객체 값이 변경될 때만 작동합니다.

위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

nodejs에서 비밀번호를 암호화하는 방법은 무엇인가요?

위 내용은 실시간으로 입력 중앙값 변경을 모니터링하는 js 정보(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿