событие касания и нажатия для одного и того же элемента и странные, специфичные для браузера (?) проблемы - PullRequest
Новая
       8

событие касания и нажатия для одного и того же элемента и странные, специфичные для браузера (?) проблемы

0 голосов
/ 28 апреля 2018

https://jsfiddle.net/g4yt3e4o/

<button class="button">

</button>

html,body,div,button {margin:0;padding:0;border:0;background:transparent;outline:none;}

.button {
  position: relative;
  width: 100px;
  height: 50px;
  background: #0f0;
}
.button:after {
  position: absolute;
  display:block;
  content: '';
  background: #f00;
  top: 0;
  bottom:0;
  left: 0;
  right:0;
  margin: auto;
  display:none;
}
.button:not(:active):after {
  display:block;
}


// find elements
var button = $("button")

// handle click and touch
button.on("click touchstart", function(e){
  e.stopPropagation();
  e.preventDefault();
})

Потому что когда вы щелкаете по нему в режиме рабочего стола (используйте Chrome для лучшего понимания), это работает. Когда вы переключаетесь на мобильный вид (на Chrome), это не так.

Проще говоря - он не работает должным образом на мобильном телефоне (с сенсорным экраном) ...

Кто-нибудь сталкивался с такой проблемой?

...