"foo"에서 "foo bar"로 돌아가는 ajax 스크립트 (수정할 수 없음)에 따라 클래스가 동적으로 변경되는 양식 내에 입력 필드가 있습니다. "foo". 필드의 스타일을 수정하고 싶습니다. 길이가 0보다 큰 경우 값에 "nid"가 포함되지 않고 클래스가 "막대"가 아닙니다. 첫 번째 아이디어는 "foo"때까지 입력 필드의 클래스가 "bar"일 때마다 호출되는 setTimeout을 갖는 것이 었습니다. 하지만 난, 나 그것을 수행하는 방법에 ...조건이 참이 될 때까지 setTimeout을 호출하십시오.
답변
사용 field
쉬운 일이 있다면 잡기 위해 요소에 대한 변경 또는를 keyDown 이벤트를 결합하는 것입니다 입력 keyup
사건이 좋습니다 여부를 알 수없는 필드의 내용이 일치합니다.
일치하는 경우 fx baz
클래스를 추가하십시오. 일치하지 않으면 해당 클래스를 제거하십시오.
그러면 CSS로 요소의 스타일을 지정할 수 있습니다. baz
클래스의 규칙보다 우선 적용될 클래스 bar
으로 규칙을 만드십시오.
괜찮습니다. 또는 반복적으로 실행되는 setInterval을 사용하고 조건이 충족되면 clearInterval을 호출 할 수 있습니다.
꽤 좋은 소리. 어떻게해야합니까? – idle
사용자 입력을 감지하기 위해 my jQuery plugin을보고 싶을 수 있습니다.
$("#myInput").input(function() {
var $this = $(this), val = this.value;
if (val.length && val.indexOf("nid") === -1 && !$this.hasClass("bar"))
$this.css("color", "red");
else
$this.css("color", "green");
});
: 그것은 그 플러그인을 사용하는 등
& 낙하, 드래그, 키보드, 맞춤법 수정, 붙여 넣기 입력을 감지 할 수 있도록, 당신의 코드는 다음과 같이 보일 수있는 모든 주요 브라우저에 걸쳐 HTML5 oninput
이벤트를 정규화
근무 데모 : http://jsfiddle.net/hVDP8/
oninput
는 새 값이 이전 코드 실행으로 타이머 또는 onkeyup
이벤트를 사용 비해 많은 장점을 가지고 있습니다 화면에 그려져있다. 사실, 그것은 이런 유형의 상황에 완벽합니다.
- 1. 조건이 루비에서 참이 될 때까지 잠을 자다
- 2. 조건이 충족 될 때까지 기다리시겠습니까?
- 3. 조건이 만족 될 때까지 AlertDialog.Builder를 닫지 않도록하십시오.
- 4. 조건이 충족 될 때까지 컨트롤을 비활성화하는 방법?
- 5. 일부 조건이 충족 될 때까지 블록을 차단할 수있는 방법이 있습니까?
- 6. 조건이 충족 될 때까지 jQuery를 일시 중지하는 방법은 무엇입니까?
- 7. 이미지가로드 될 때까지 이미지가 대체 될 때까지 기다림
- 8. TinyMCE가로드 될 때까지 기다려주십시오.
- 9. 변수가로드되고 동시에 HTTP 요청을받을 때까지 setTimeout을 기다리는 방법!
- 10. Hibernate가 커밋 될 때까지 유효성 검사를 지연
- 11. 이벤트가 완료 될 때까지 블로킹
- 12. 페이지가로드 될 때까지 PyQt 대기
- 13. jQuery Tabs로드 될 때까지 숨기기
- 14. jQuery - "준비 될 때까지 기다려주세요"?
- 15. 파이썬 2.5가 지원 될 때까지?
- 16. 이벤트가 완료 될 때까지 차단하십시오.
- 17. 대리자가 호출 될 때까지 대기
- 18. Java for 루프를 반복하여 조건이 충족 될 때까지 여러 변수를 순환 시키십시오.
- 19. CRON 작업 내에서 PHP를 여러 번 호출하기 (종료 조건이 충족 될 때까지 자동 호출)
- 20. 루프를 통해 배열, 특정 조건이 충족 될 때까지 각 값을 쿼리하십시오.
- 21. 완료 될 때까지 PageMethod 블록을 호출하십시오. 클라이언트 또는 서버 측 리디렉션을 방지합니다.
- 22. 다른 속성이 준비 될 때까지 메서드를 일시 중지합니다.
- 23. 인쇄가 완료 될 때까지 기다리십시오 - Jquery Asp.net MVC
- 24. 루비/레일 : 조건이
- 25. as3 버튼을 클릭 할 때까지 이미지가로드 될 때까지 대기
- 26. 루비 : 하나가 참을 리턴 할 때까지 메소드 목록을 호출하십시오.
- 27. 스레드가 완료 될 때까지 프로그램 실행을 중지하십시오.
- 28. 유닉스 도메인 소켓이 바인딩 될 때까지 기다리십시오.
- 29. NSXMLParser :로드가 완료 될 때까지 어떻게 대기해야합니까?
- 30. AsyncTask가 완료 될 때까지 ProgressDialog가 표시되지 않습니다.
대답은 3 가지 조건 중 하나에 대해서만 응답합니다.»길이가 0보다 큰 필드의 스타일을 수정하고 싶습니다. 값에 "nid"가없고 클래스가 "bar"가 아닙니다.«. 특히 계급 문제는 내 마음을 혼란스럽게한다. – idle