jquery에 입력 이벤트가 있나요?

jquery에는 입력 이벤트가 있습니다. jquery는 입력 입력 상자에 실시간 입력을 구현합니다. 이벤트 코드는 "$ ('#productName').bind('input propertychange', function() {...}".

이 튜토리얼의 운영 환경: Windows 10 시스템, jquery3.6 버전 , Dell G3 컴퓨터.

jquery에 입력 이벤트가 있나요?

예.

jquery는 실시간 입력 트리거 이벤트 코드를 구현합니다.

코드는 다음과 같습니다.

<input id="productName" name="productName" class="wid10" type="text" value="" />

코드는 다음과 같습니다. searchProductClassbyName은 트리거 후 호출되는 메소드입니다.

js/jquery 입력 상자 값 변경을 실시간으로 모니터링하는 완벽한 솔루션: oninput 및 onpropertychange

(1) jQuery 라이브러리를 사용하는 경우 먼저 이야기해 보겠습니다. oninput 및 onpropertychange 이벤트만 동시에 바인딩하면 됩니다. 샘플 코드:

//绑定商品名称联想 
$('#productName').bind('input propertychange', function() {searchProductClassbyName();});

(2) 기본 JS 작성의 경우 oninput은 HTML5의 표준 이벤트입니다. 입력: 텍스트, 입력:암호 및 입력:검색 요소는 사용자 인터페이스를 통해 매우 유용하며, 트리거되기 전에 포커스를 잃어야 하는 onchange 이벤트와 달리 콘텐츠가 수정된 직후에 트리거됩니다.

위 표에서 볼 수 있듯이 oninput 이벤트는 IE9에서 지원되지 않습니다. 대신 IE의 고유한 onpropertychange 이벤트를 사용해야 합니다. 사용자 인터페이스가 변경되거나 스크립트를 사용하여 콘텐츠가 직접 수정되는 경우는 다음과 같습니다.

수정 입력:체크박스 또는 입력:라디오 요소의 선택된 상태가 변경됩니다.

입력 값:텍스트 또는 텍스트 영역

select 요소의 선택된 항목이 변경되고 selectedIndex 속성이 변경되면 이벤트의 propertyName 속성을 사용하여 변경된 속성 이름을 가져올 수 있습니다.

　 Collection oninput & onpropertychange 입력 상자 내용 변경을 모니터링하는 샘플 코드는 다음과 같습니다.

$('#username').bind('input propertychange', function() {
    $('#content').html($(this).val().length + ' characters');
});

추천 학습:

jQuery 비디오 튜토리얼

위 내용은 jquery에 입력 이벤트가 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!