입력에서 동적 퍼지 쿼리를 구현하는 방법

亚连
풀어 주다: 2018-06-21 14:26:59
원래의
2763명이 탐색했습니다.

아래 편집자는 입력을 기반으로 한 동적 퍼지 쿼리의 구현 방법을 공유할 것이며 이는 좋은 참조 값을 가지고 있으며 모든 사람에게 도움이 되기를 바랍니다. 에디터를 따라가서 살펴볼까요

최근 jQuery를 사용하여 동적 퍼지 쿼리를 구현했을 때, 오랫동안 검색했지만 Vue.js의 watch 속성만큼 사용하기 쉬운 동적 퍼지 쿼리 방법을 찾을 수 없었습니다. 지금까지 겪은 함정과 동적 쿼리를 구현하는 여러 가지 방법을 공유하겠습니다.

1. jQuery의 Change() 메소드.

이 방법은 입력 상자의 포커스가 사라졌을 때만 이벤트를 트리거합니다. 이 방법에 대해 완전히 익숙하지 않은 것일 수도 있습니다. 팁.

<input type="text" id="n3"/>


var $n3=$("#n3);//定位到input框
$n3.change(function(){
 this.query_search($n3.val());//query_search为模糊查询的方法
})
로그인 후 복사

change() 함수는 일치하는 각 요소의 변경 이벤트에 핸들러 함수를 바인딩하는 데 사용됩니다. 이 함수는 변경 이벤트를 트리거하는 데에도 사용할 수 있습니다. 또한 이벤트 처리기에 추가 데이터를 전달할 수도 있습니다. 텍스트 내용이나 옵션이 변경되면 변경 이벤트가 트리거됩니다. 이 이벤트는