반응형
jQuery 'if .change () 또는 .keyup ()'
jQuery를 사용하여 .change()또는 발생시 함수를 실행하고 싶습니다 .keyup().
이 같은.
if ( jQuery(':input').change() || jQuery(':input').keyup() )
{
alert( 'something happened!' );
}
편집하다
언급하는 것을 잊어서 미안합니다. 둘 다 .change()및 .keyup()일부 변수가 범위 내에 있어야합니다.
공백으로 구분하여 여러 이벤트에 바인딩 할 수 있습니다.
$(":input").bind("keyup change", function(e) {
// do stuff!
})
여기에 문서 .
도움이 되길 바랍니다. 건배!
페이지 콘텐츠를 동적으로 생성하거나 AJAX를 통해 콘텐츠를로드하는 경우 다음 예제를 참조하세요.
- AJAX 요청과 같이 스크립트가 두 번 이상로드되는 경우 이중 바인딩을 방지합니다.
- 바인딩
body은 문서에 존재하므로 추가, 이동, 제거 및 다시 추가되는 요소에 관계없이body지정된 선택자 와 일치하는 모든 하위 항목은 적절한 바인딩을 유지합니다.
코드:
// Define the element we wish to bind to.
var bind_to = ':input';
// Prevent double-binding.
$(document.body).off('change', bind_to);
// Bind the event to all body descendants matching the "bind_to" selector.
$(document.body).on('change keyup', bind_to, function(event) {
alert('something happened!');
});
주의하십시오! 여러 가지 이유로 다른 방법보다는 $.on()및 사용하고 있습니다 $.off().
$.live()그리고$.die()사용되지 않으며 jQuery를의 최신 버전에서 생략되었다.- 별도의 함수를 정의하여 (따라서 전역 범위를 복잡하게 만들고) 함수를 둘 다
$.change()에$.keyup()개별적으로 전달하거나 호출 된 각 함수에 동일한 함수 선언을 전달해야합니다. 논리 복제 중 ... 절대 용납 할 수 없습니다. - 요소가 DOM에 추가 된 경우 요소
$.bind()가 생성 될 때 동적으로 바인딩되지 않습니다. 따라서 바인딩:input한 다음 DOM에 입력을 추가하면 해당 bind 메서드가 새 입력에 연결되지 않습니다. 그런 다음 명시 적으로 바인딩을 해제 한 다음 DOM의 모든 요소에 다시 바인딩해야합니다 (그렇지 않으면 바인딩이 중복됩니다). 이 프로세스는 입력이 DOM에 추가 될 때마다 반복되어야합니다.
변경 및 키업 이벤트를 구독 할 수 있습니다.
$(function() {
$(':input').change(myFunction).keyup(myFunction);
});
myFunction실행하려는 함수는 어디에 있습니까?
function myFunction() {
alert( 'something happened!' );
}
이 작업을 수행.
$(function(){
var myFunction = function()
{
alert("myFunction called");
}
jQuery(':input').change(myFunction).keyup(myFunction);
});
이벤트가 작동하는 방식이 아닙니다. 대신, 그들이 발생할 때 호출 할 함수를 제공합니다.
$("input").change(function() {
alert("Something happened!");
});
단일 함수를 작성하고 둘 다에 대해 호출하십시오.
function yourHandler(e){
alert( 'something happened!' );
}
jQuery(':input').change(yourHandler).keyup(yourHandler);
change () 및 keyup () 이벤트 등록 함수는 원래 집합을 반환하므로 연결할 수 있습니다.
keyup event input jquery
$(document).ready(function(){
$("#tutsmake").keydown(function(){
$("#tutsmake").css("background-color", "green");
});
$("#tutsmake").keyup(function(){
$("#tutsmake").css("background-color", "yellow");
});
}); <!DOCTYPE html>
<html>
<title> jQuery keyup Event Example </title>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
Fill the Input Box: <input type="text" id="tutsmake">
</body>
</html> 참고URL : https://stackoverflow.com/questions/7757293/jquery-if-change-or-keyup
반응형
'Nice programing' 카테고리의 다른 글
| Google지도 마커에 ID 추가 (0) | 2020.10.20 |
|---|---|
| T-SQL에서 DateTime 필드를 어떻게 업데이트합니까? (0) | 2020.10.20 |
| Linux에서 Atom Editor를 업그레이드하는 방법은 무엇입니까? (0) | 2020.10.20 |
| Swift : 인덱스에서 문자열 배열 바꾸기 (0) | 2020.10.20 |
| C ++ 예외 : std :: string 던지기 (0) | 2020.10.20 |