Не работает dbclick в мобильном приложении, чем заменить?

@Vladymyr_TS · Регистрация: 21.12.2013

Есть сайте, который использует dbclick в некоторых местах.
При запуске на SAMSUNG всё работает, кроме dbclick.
Чем заменить?

@BioRenGen · 21.02.2019, 12:36

код в студию. Либо ставь сётчик, который будет считать нажатия. если больше двуху нажатий, то. + использовать интервал во времени.

@Vladymyr_TS · 21.02.2019, 17:42 **[ТС]**

Вот пример, на компьютере dblclick отрабатывает нормально, на телефоне при dblclick просто меняется маштаб:

PHP/HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<title>Title</title>
<script src="../js/jquery-3.3.1.min.js" type="text/javascript"> </script>
 
<script>
$(document).ready(function() {
console.log("I AM HERE");
$('.target').dblclick(function() {
//respond to double click event
console.log("double click");
});
$('.target').click(function() {
//respond to  click event
console.log("one click");
});
})
</script>
</head>
<div class="target">Click me</div>
</html>

@BioRenGen · 21.02.2019, 21:08

Так, вопрос номер 1. это сайт или мобильное приложение? если мобильное приложение, попробуйте подключить сторонние webview, например CrossWalk. Вопрос номер 2. в doctype у вас прописан заголовок для HTML версии 4. На дворе 2019 год, следует использовать HTML 5 версии. Доктайп нужен для того, что бы браузер понимал, каким образом ему интерпретировать текущий документ. Поменяйте доктайп 4 версии на доктайп версии HTML 5. и попробуйте запустить на устройстве. Чую что проблема именно в этом, старый доктайп не дает ясности брайзеру, что и как ему понимать. Так же попробуйте указать в теге <script> параметр type

HTML5

1	<script type="text/javascript">....</script>

Это в 5 версии HTML этот параметр можно опустить, в версии HTML 4 его нужно указывать. Отпишите по результатам.

Добавлено через 5 минут
в HTML 5 подобная проблема может возникнуть, если не правильно сконфигурирована политика безопасности (Content Security Policy (CSP) ).

HTML5

1	<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">

прописывается в <head>. P.S. такая конфигурация создается для каждой страницы или приложения отдельно. Но эта должна в Вашем случае прокатить

@Vladymyr_TS · 21.02.2019, 21:39 **[ТС]**

Это сайт, в качестве примера - маленький фрагмент, но и он не работает.Вернее, работает только в desk-варианте. Когда я в Chrome имитирую работу на Galaxy (есть такая возможность, как вы знаете), dblclich вызывает изменение масштаба, и только.
Проблема в этом. Изменения в тексте примера я сделал, но это не меняет результат.

PHP/HTML

<!DOCTYPE html  >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
 
<title>Title</title>
<script src="../js/jquery-3.3.1.min.js" type="text/javascript"> </script>
 
<script type="text/javascript">
$(document).ready(function() {
 
$('.target').dblclick(function() {
//respond to double click event
console.log("double click");
});
$('.target').click(function() {
//respond to  click event
console.log("one click");
});
})
</script>
</head>
<div class="target">Click me</div>
</html>

@BioRenGen · 21.02.2019, 23:31

попробуйте использовать viewport. хотя вероятно идет перекрытие по классу.

@Vladymyr_TS · 22.02.2019, 18:50 **[ТС]**

A что это такое viewport?.

@BioRenGen · 22.02.2019, 21:44

это специальный тег для адаптивного дизайна. Хотя я уже сомневаюсь что это поможет. Думаю проблема на стороне JS и события на одном и том же классе. А именно вот. Тут ребята тоже к выводу пришли, что лучше всего ставить таймер о котором писал в первом посте. SetTimeOut

Добавлено через 1 минуту

Javascript

var timeoutId;
jQuery('p').click(function(){
    timeoutId = setTimeout('console.log("Fire")', 500);
}).dblclick(function(){
    clearTimeout(timeoutId);
    clearTimeout(timeoutId - 1);
    console.log('Dblclick');
})

взято с Хабра

@Vladymyr_TS · 22.02.2019, 22:11 **[ТС]**

То есть отказаться от dblclick вообще?
Если запретить масштабирование(<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">),
dblclick вообще не работаетю
А что если для мобильной версии вместо dblclick использовать long press и jquery mobile?
Проверил на эмуляторе Google - работает, но на реальном телефоне long press только выделяет текст(стандартное поведение) и не выполняеет что надо.
Не знаете почему?

@BioRenGen · 23.02.2019, 18:26

скорее не отказаться, а изменить реализацию. А вот использовать другие события идея не плоха, но при условии что это не повлияет на юзабилити сайта который вы делаете. Использовать попробуйте Jquery mobile

@BioRenGen 26 / 18 / 11 Регистрация: 09.06.2016 Сообщений: 124
	23.02.2019, 18:26	10
	скорее не отказаться, а изменить реализацию. А вот использовать другие события идея не плоха, но при условии что это не повлияет на юзабилити сайта который вы делаете. Использовать попробуйте Jquery mobile 0

@Vladymyr_TS 0 / 0 / 0 Регистрация: 21.12.2013 Сообщений: 31
		1
	Не работает dbclick в мобильном приложении, чем заменить? 20.02.2019, 21:10. Просмотров 1680. Ответов 9 Метки dbclick, мобильное приложение (Все метки) Есть сайте, который использует dbclick в некоторых местах. При запуске на SAMSUNG всё работает, кроме dbclick. Чем заменить? 0

@BioRenGen 26 / 18 / 11 Регистрация: 09.06.2016 Сообщений: 124
	21.02.2019, 12:36	2
	код в студию. Либо ставь сётчик, который будет считать нажатия. если больше двуху нажатий, то. + использовать интервал во времени. 0

@BioRenGen 26 / 18 / 11 Регистрация: 09.06.2016 Сообщений: 124
	21.02.2019, 23:31	6
	попробуйте использовать viewport. хотя вероятно идет перекрытие по классу. 0

@Vladymyr_TS 0 / 0 / 0 Регистрация: 21.12.2013 Сообщений: 31
	22.02.2019, 18:50 [ТС]	7
	A что это такое viewport?. 0

@Vladymyr_TS 0 / 0 / 0 Регистрация: 21.12.2013 Сообщений: 31
	22.02.2019, 22:11 [ТС]	9
	То есть отказаться от dblclick вообще? Если запретить масштабирование(<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">), dblclick вообще не работаетю А что если для мобильной версии вместо dblclick использовать long press и jquery mobile? Проверил на эмуляторе Google - работает, но на реальном телефоне long press только выделяет текст(стандартное поведение) и не выполняеет что надо. Не знаете почему? 0

Опции темы