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

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

亚连

풀어 주다： 2018-05-18 14:19:58

원래의

2233명이 탐색했습니다.

다음은 입력 중앙값의 변화를 실시간으로 모니터링하기 위해 컴파일한 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 Usage

onchange트리거 이벤트는 두 가지 조건을 충족해야 합니다.

a) 현재 개체 속성 변경 , 키보드 또는 마우스 이벤트에 의해 트리거됩니다(스크립트 트리거가 유효하지 않음)

b) 현재 객체가 포커스를 잃습니다(onblur).

onpropertychange. 현재 객체의 속성이 변경되는 한 이벤트가 트리거됩니다.

oninput은 IE가 아닌 브라우저 버전으로 Firefox 및 Opera와 같은 브라우저를 지원하지만 객체에 바인딩될 때 모든 속성이 변경되는 것은 아닙니다. 객체는 이벤트를 트리거할 수 있으며 객체 값이 변경될 때만 작동합니다.

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