выпадающее меню, не работающее на мобильном устройстве, клик не запускается [дубликат]
Это потому, что, когда вы вводите номер, нажмите «Ввод», input.nextInt() потребляет только номер, а не «конец строки». Когда input.nextLine() выполняется, он потребляет «конец строки» все еще в буфере с первого входа.
Вместо этого используйте input.nextLine() сразу после input.nextInt()
5 ответов
Чтобы вызвать функцию нажатием или касанием, вы можете изменить это:
$(document).click( function () {
К этому:
$(document).on('click touchstart', function () {
Или это:
$(document).on('click touch', function () {
Событие touchstart срабатывает, как только элемент прикасается, событие touch больше похоже на «ответвление», то есть на один контакт на поверхности. Вы действительно должны попробовать каждый из них, чтобы увидеть, что лучше всего подходит для вас. На некоторых устройствах touch может быть немного сложнее вызвать (что может быть хорошим или плохим - оно предотвращает подсчет перетаскивания, но случайное небольшое перетаскивание может привести к его не срабатыванию).
-
1– Szorstki 15 April 2014 в 10:25
-
2– user75525 15 April 2014 в 10:54
-
3– alexwc_ 30 August 2016 в 02:07
-
4– SuperDuperApps 25 March 2017 в 07:09
-
5– Muneeb Mirza 2 January 2018 в 09:08
Как указано выше, использование 'click touchstart' даст желаемый результат. Если вы console.log(e) свои клики, вы можете обнаружить, что когда jquery распознает касание как щелчок - вы получите 2 действия от нажатия и сенсорного ввода. Решение для меня работало.
//if its a mobile device use 'touchstart'
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
deviceEventType = 'touchstart'
} else {
//If its not a mobile device use 'click'
deviceEventType = 'click'
}
$(document).on(specialEventType, function(e){
//code here
});
touchstart или touchhend не хороши, потому что, если вы прокручиваете страницу, устройство действительно работает. Поэтому, если я хочу закрыть окно с нажатием или щелчком вне элемента и прокрутить окно, я сделал:
$(document).on('touchstart', function() {
documentClick = true;
});
$(document).on('touchmove', function() {
documentClick = false;
});
$(document).on('click touchend', function(event) {
if (event.type == "click") documentClick = true;
if (documentClick){
doStuff();
}
});
-
1– gmustudent 2 May 2017 в 17:50
-
2– Venki 28 November 2017 в 12:46
-
3– Roman Losev 9 January 2018 в 15:12
можете ли вы использовать jqTouch или jquery mobile ? там гораздо легче обрабатывать события касания. Если нет, то вам нужно имитировать щелчок на сенсорном устройстве, следуйте этим статьям:
Чтобы применить его повсюду, вы можете сделать что-то вроде
$('body').on('click', function() {
if($('.children').is(':visible')) {
$('ul.children').slideUp('slow');
}
});-
1– Doidgey 10 July 2012 в 14:26
-
2– jezza-tan 10 July 2012 в 14:35
-
3– Doidgey 10 July 2012 в 14:43
-
4– jezza-tan 10 July 2012 в 15:37
-
5– Doidgey 11 July 2012 в 08:58