이 기사에서는 JavaScript에서 공존하는 클릭 및 두 번 클릭하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
웹 개발 과정에서 우리는 종종이 문제에 직면합니다. 링크에 대한 두 번 클릭 이벤트를 등록하거나 버튼 또는 기타 요소에 클릭 또는 두 번 클릭 이벤트를 등록하십시오. 현재 웹 페이지의 더블 클릭 이벤트는 작동하지 않습니다. 그 이유는 한 번 클릭하면 하이퍼 링크 또는 클릭 이벤트로 가로 채기 때문입니다. 이 기사에서는이 기술적 인 문제를 해결하는 방법에 대한 구체적인 방법을 설명합니다. 이 솔루션의 구현 원리는 클릭 이벤트와 더블 클릭 이벤트가 동일한 방법을 호출한다는 것입니다. 두 마우스 클릭 사이의 간격을 기반으로 클릭이든 두 번 클릭 이벤트인지 판단합니다. 클릭 이벤트가 오면 먼저 전화하지 말고 짧은 시간을 기다리십시오. 이 기간이 지나면 다음 번 클릭이없는 경우 해당 클릭 작업을 호출하십시오. 다음 클릭이 있으면 두 번 클릭하십시오.
자세한 설명은 다음 코드 목록에 참여하십시오.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<title> javaScript는 클릭 및 두 번 클릭 공존 </title>을 알고 있습니다
<meta name = "generator"content = "editplus">
<meta name = "author"content = "//www.vevb.com/">
<meta name = "keywords"content = "">
<meta name = "description"content = "">
</head>
<body>
<script language = "javaScript">
<!-
var dctime = 250; // DoubleClick 시간
var dcdelay = 100; // DoubleClick 이후에는 클릭하지 않습니다
var dcat = 0; // DoubleClick의 시간
var savevent = null; // doclick () 처리를위한 이벤트 저장.
var savevttime = 0; // 클릭 이벤트 시간을 절약합니다.
var savto = null; // 클릭 settimeout의 핸들
함수 showme (txt) {
document.forms [0]. Elements [0] .Value += txt;
}
기능 handlewisely (who) {
스위치 (Whoth) {
CASE "CLICK":
Savevent =
d = 새 날짜 ();
savevttime = d.gettime ();
savto = settimeout ( "doclick (savevent)", dctime);
부서지다;
"dblClick"사례 :
dodoubleclick (who);
부서지다;
기본:
}
}
기능 doclick (who) {
if (savevttime -dcat <= 0) {
거짓을 반환합니다.
}
showme ( "클릭");
}
기능 dodoubleclick (who) {
var d = 새로운 날짜 ();
dcat = d.gettime ();
if (savto! = null) {
savto = null;
}
showme ( "더블 클릭");
}
//->
</스크립트>
<p>
<a href = "JavaScript : void (0)"
onclick = "handlewisely (event.type)"
ondblclick = "handlewisely (event.type)"
스타일 = "색상 : 파란색; 글꼴-가족 : arial; cursor : hand">
결과를 보려면 클릭하십시오.
</a>
</p>
<양식>
<테이블>
<tr>
<td valign = "top">
이벤트 모드 : <TextArea rows = "4"cols = "60"랩 = "Soft"> </textRea>
</td>
</tr>
<tr>
<td valign = "top">
<입력 유형 = "재설정">
</td>
</tr>
</테이블>
</form>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.