В этой статье описывается метод сосуществования щелчка и дважды щелкнуть JavaScript. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
В процессе разработки веб-разработки мы часто сталкиваемся с этой проблемой: зарегистрируйте событие с двумя щелчками для ссылки или зарегистрируйте событие нажатия или дважды щелкните событие на кнопку или другой элемент одновременно. В настоящее время мы обнаруживаем, что событие двойного щелчка на веб-странице никогда не будет работать. Причина в том, что когда мы нажимаем один раз, это перехватывается гиперссылкой или нажимает событие. В этой статье описывается конкретный метод того, как решить эту техническую проблему. Принцип реализации этого решения заключается в том, что событие Click и событие двойного щелчка называют один и тот же метод. Мы оцениваем, является ли это щелчком или двойным щелчком события на основе интервала между двумя щелчками мыши. Когда появится событие Click, не звоните в первую очередь, подождите короткий промежуток времени. После этого периода времени, если нет следующего нажатия, начните вызывать соответствующую операцию щелчка. Если есть следующий щелчок, позвоните дважды щелкните.
Для получения подробного описания, пожалуйста, участвуйте в следующем списке кодов:
Скопируйте код следующим образом: <html>
<Голова>
<Title> JavaScript реализует щелчок и дважды щелкните сосуществование </title>
<Meta name = "Generator" content = "EditPlus">
<Meta name = "Автор" content = "//www.vevb.com/">
<Meta name = "Keywords" content = "">
<Meta name = "description" content = "">
</Head>
<Тело>
<Script language = "javascript">
<!-
var dctime = 250; // время DoubleClick
var dcdelay = 100; // нет кликов после DoubleClick
var dcat = 0; // время дублеклика
var SaveVent = null; // Сохранить событие для обработки doclick ().
var SaveVttime = 0; // Сэкономьте время клика.
var savto = null; // Грандизации chick settimeout
функция Showme (txt) {
document.forms [0] .Elements [0] .value += txt;
}
функция ручка (которая) {
Switch (который) {
случай "щелкнуть":
saveVent = который;
d = новая дата ();
saveVttime = d.getTime ();
SAVTO = SETTIMEOUT ("DOCLICK (SAVEVENT)", DCTIME);
перерыв;
Дело "dblclick":
Dodoubleclick (который);
перерыв;
по умолчанию:
}
}
Функция doclick (который) {
if (savevttime - dcat <= 0) {
вернуть ложь;
}
ShowMe ("Щелк");
}
функция DodoubleClick (который) {
var d = new Date ();
dcat = d.gettime ();
if (savto! = null) {
savto = null;
}
Showme («дважды щелкните»);
}
//->
</Script>
<p>
<a href = "javascript: void (0)"
onclick = "Handlewyly (event.type)"
ondblclick = "Handlewyly (event.type)"
style = "color: синий; семейство шрифта: ариал; курсор: рука">
Нажмите, чтобы увидеть результаты:
</a>
</p>
<форма>
<Таблица>
<tr>
<td valign = "top">
Режим события: <textarea Rows = "4" cols = "60" wrap = "soft"> </textarea>
</td>
</tr>
<tr>
<td valign = "top">
<input type = "сбросить">
</td>
</tr>
</table>
</form>
</Body>
</Html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.