Przycisk nie działa na urządzeniach mobilnych, ale działa na komputerze rozruchowym

Question

Utworzono przycisk ładowania początkowego, który ma łącze wewnątrz. Który wygląda tak:

Po najechaniu na nią:

Jest to kod wewnątrz przycisku:

<div class="s-8"><button type="button" onClick="javascript:location.href = 'administration.php';">Administration</button></div> 

Przycisk wylogowania:

<div class="s-4"><button type="button" onClick="javascript:location.href = 'logout.php';">Logout</button></div> 

Ten przycisk działa poprawnie na przeglądarce PC (IE, SAFARI, FireFox, Chrome, Opera) (przenosi mnie na stronę administracyjną, ale nie działa na urządzeniach mobilnych.

Zrobiłem to samo dla przycisku wylogowania i działa dobrze na komputerach i urządzeniach mobilnych. Jestem teraz zdziwiony.

Answer 1

Problem może polegać na tym, że używasz zdarzenia onClick, które nie zostanie zarejestrowane na urządzeniu mobilnym (ponieważ nie klikasz - dotkniesz).

Ta odpowiedź wyjaśnia, jak korzystać z wydarzenia "touchstart", które będzie działać na telefonie komórkowym.

https://stackoverflow.com/a/22015946/2619909

Answer 2

Wiem, że to może być dziwna odpowiedź. Ale w niektórych przypadkach mobilne clickevents nie działają, chyba że umieścisz styl: cursor: pointer; do twojego przycisku.

Mobile clickEvents są obsługiwane w bardzo różny sposób, pierwsze "kliknięcie" lub "dotknięcie" może być interpretowane jako HOVER zamiast kliknięcia, którego szukasz.

Spróbuj ustawić styl CSS przycisku na: kursor: wskaźnik;