필드 값을 지우고 입력을 시뮬레이트 하시겠습니까?

Question

나는 빠른 검색 (https://github.com/riklomas/quicksearch) jQuery를 사용하여 텍스트를 텍스트 상자에 입력하여 table의 요소를 숨긴 다음 일치하는 항목 만 표시합니다.

잘 작동하지만 텍스트 상자를 지울 수 있기를 원합니다. 나는 ... 그렇게 이것은 또한 필드 삭제에서 잘 작동

<script> 
function clearsearch(){ 
document.getElementById('id_search').value = ""; 
} 
</script> 

<a onclick="clearsearch()" id="clearsearch">Clear</a> 

를 다음 코드를 사용하고 있지만, 스크립트가 응답하지 않습니다. 그 이유는 그것이 응답하지 않는 이유는 위의 명확한 스크립트를 사용하여 삭제할 때 input에 초점을 맞추고 삭제 키를 눌러야하기 때문입니다.

예) 텍스트 상자에 텍스트를 입력 한 다음 손으로 직접 삭제하면 정상적으로 작동합니다. 일반 스크립트를 실행하고 텍스트를 삭제하면 결과가 표시되지 않습니다. 스크립트를 실행하면 텍스트가 삭제되고 input 내의 삭제를 누르면 스크립트가 응답합니다.

텍스트 상자를 먼저 지우고 텍스트 상자 내에서 삭제 키를 시뮬레이션 할 수있는 방법이 있습니까?

Answer 1

quicksearch가 키 업 이벤트 by default에 바인딩 된 것처럼 보입니다. 그 방아쇠를 당겨보십시오.

$('#id_search').trigger('keyup'); 

또한 값을 설정 jQuery를 사용할 수 있습니다

$('#id_search').val('').trigger('keyup');