javascript_javascript 스킬에서 싱글클릭과 더블클릭의 공존을 구현하는 방법
- WBOY원래의
- 2016-05-16 16:27:271495검색
이 기사의 예에서는 단일 클릭과 더블 클릭의 공존을 달성하기 위한 자바스크립트 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.
웹 개발 과정에서 링크에 대한 더블클릭 이벤트를 등록하거나, 이때 버튼이나 다른 요소에 대한 클릭이나 더블클릭 이벤트를 동시에 등록하는 등의 문제에 자주 부딪히게 됩니다. , 우리는 한 번 클릭하면 하이퍼링크나 클릭 이벤트에 의해 가로채기 때문에 웹 페이지 이벤트의 두 번 클릭 이벤트가 작동하지 않는 것으로 나타났습니다. 이 문서에서는 이 기술적인 문제를 해결하는 방법에 대한 구체적인 방법을 설명합니다. 이 솔루션의 구현 원칙은 단일 클릭 이벤트와 더블 클릭 이벤트가 모두 동일한 메서드를 호출한다는 것입니다. 우리는 두 번의 마우스 클릭 사이의 시간을 기준으로 단일 클릭 이벤트인지 더블 클릭 이벤트인지를 결정합니다. 클릭 이벤트가 오면 먼저 호출하지 말고 잠시 기다리십시오. 이 시간이 지난 후 다음 클릭이 오지 않으면 클릭에 해당하는 작업을 호출하고 다음 클릭이 있으면 클릭에 해당하는 작업을 호출하십시오. 더블클릭을 호출합니다.
자세한 설명을 보려면 아래 코드 목록에 가입하세요:
코드 복사 코드는 다음과 같습니다.