이 API 는, ',' < select>. ',' Input> <, 어때?
Tpc. @pimvdb 논평에서,
>. 참고로 그칠 때 변경하십시오 불지옥의 입력입니다 요소가 손실됩니다 초점을 맞춥니다. >. 또한 텍스트 입력 대회를 때마다 업데이트뿐 화재 >. 그것 없이는 포커스가 하는. 또 다른 주요 이벤트를 위한 것이고 >. pasting/dragging 사용한다.
자세한 내용은 [문서용으로] (https://developer.mozilla.org/en-us/docs/dom/window.oninput).)
이거 정말 유익한 만하다 그 해답이 있다. 현재 (v1.8*?) jquery 의 콜린푸스 없다 () 는 fn 편리함 때문에 길일
$('input.myTextInput').on('input',function(e){
alert('Changed!')
});
['이창레 ()'] 사용할 수 있습니다 (http://docs.jquery.com/Events/change)
$('input[name=myInput]').change(function() { ... });
그러나 이 행사는 국한됨 불지옥의 선택기에 손실됩니다 때 이 작품을 집중 할 수 있으므로, 다른 곳에서 클릭해야 합니다.
꼭 이래야겠어요 제안하세요 키우프 사용하여 이벤트 같은 항목을 참조).
$('elementName').keyup(function() {
alert("Key up detected");
});
그래서 나는 것 같은 결과를 얻을 수 있는 몇 가지 it& # 39 위) 의 기본 설정 및 원하는 대로 작동합니까 여러명이니까 방법에 따라 달라집니다.
업데이트: 이 때만 복사하지 입력입니다 수동 및 붙여넣습니다.
복사, 붙여넣기 꼭 이래야겠어요 추천합니까 다음과 같습니다.
$('elementName').on('input',function(e){
// Code here
});
$("#tbSearch").on('change keyup paste', function () {
ApplyFilter();
});
function ApplyFilter() {
var searchString = $("#tbSearch").val();
// ... etc...
}
<input type="text" id="tbSearch" name="tbSearch" />
이 때, 그 중에 특히 작동됨 쌍으로된 마련해 '자크 그리드' 제어입니다. 그냥 바로 입력할 수 있는 텍스트 상자 및 결과를 볼 수 있는 '자크 그리드'.
There is one and only one 신뢰할 수 있는 방법으로, 이는 이 , 의 값이 당겨 간격에 및 비교 redhat. 캐싱됨 값입니다.
이것이 유일한 방법은 여러 가지 이유 때문에 바꿀 수 있는 다양한 입력 필드를 사용하여 투입물 (키보드, 마우스, 역사, 보리스의 푸트 붙여넣습니다, 브라우저 등) 를 사용하여 표준 시 이벤트 크로스 브라우저 환경에서 모두야 탐지합니다 수 없다.
다행히 덕분에 아주 손쉽게 추가 이벤트 인프라스트럭처에서 jQuery 조롱이라면 자신의 린푸치란제 이벤트. 내가 그렇게 있습니다.
$.event.special.inputchange = {
setup: function() {
var self = this, val;
$.data(this, 'timer', window.setInterval(function() {
val = self.value;
if ( $.data( self, 'cache') != val ) {
$.data( self, 'cache', val );
$( self ).trigger( 'inputchange' );
}
}, 20));
},
teardown: function() {
window.clearInterval( $.data(this, 'timer') );
},
add: function() {
$.data(this, 'cache', this.value);
}
};
이를 사용하여 다음과 같습니다. '$ (& # 39, input& # 39;) 오언 (& # 39 (티스트발루)}, {콘솔드로그, 함수 (), inputchange& # 39),'
만약 당신이 겁먹었구나 포커스 (focus) '이 이벤트에서 여러 주로 바인딩하지 / 해제' / '흐림의 수 있습니다.
<input id="item123" class="firstName" type="text" value="Hello there" data-someattr="CoolExample" />
$(".firstName").on('change keyup paste', function () {
var element = $(this);
console.log(element);
var dataAttribute = $(element).attr("data-someattr");
console.log("someattr: " + dataAttribute );
});
내가 추천하는 '이' 키워드여야 사용할 수 있도록 필요한 모든 것을 할 수 있으며 전체 요소를 액세스하려면 대체하십시오 요소.
다음 동적입니다 / Ajax 경우에도 사용할 수 있다.
스크립트입니다.
jQuery('body').on('keyup','input.addressCls',function(){
console.log('working');
});
Html,
<input class="addressCls" type="text" name="address" value="" required/>
누군가 이 apc® 코드를 동적으로 / Ajax 누구이뇨 액세스하려는 좋겠다 도움이 될 것으로 기대하고 있다.
단순히 id 를 사용할 수 있습니다.
$("#your_id").on("change",function() {
alert(this.value);
});
'스키피레스 ()' 사용할 수 있습니다.
예를 들어, HTML.
<form>
<fieldset>
<input id="target" type="text" value="Hello there" />
</fieldset>
</form>
<div id="other">
Trigger the handler
</div>
이벤트 처리기에서 입력 필드를 바인딩되지 수 있습니다.
$("#target").keypress(function() {
alert("Handler for .keypress() called.");
});
앤디 난 완전히 동의한다. 달려 있다 원하는 방식으로 작동합니다.