Na safari urządzeń mobilnych <a href="#" onclick="return false"> nie działa, dlaczego?

W safari urządzeń moblie, jak iPhone lub iPad, <a href="#" onclick="return false"> nie przeszkadza w domyślnym zachowaniu, strona wciąż była przekierowywana na "#", dlaczego ...? jak te kod html:Na safari urządzeń mobilnych <a href="#" onclick="return false"> nie działa, dlaczego?

<div style="height:1000px; width:100px"></div> 
<br />  
<a href="#" onclick="return false">click me</a>

Kiedy kliknięcie w safari moblie devices', to idzie z powrotem do góry strony ...

Źródło

2012-04-19 skyworm

onclick = "javascript: return false;" ? – adali

Czy sprawdziłeś, jak działają rzeczy w przeglądarce na komputerze? Zakładam, że ma to coś wspólnego ze zdarzeniami dotykowymi a myszami. –

Zamiast "onclick" możesz spróbować "onkeyup", "onmouseup" lub "onkeypress" – Tobi

Dlaczego nie? Myślę, że musisz wywołać funkcję i nie tylko zwracać fałsz ...

<a href="#" onclick="javascript:myFunction()" id="test_a">click me</a> 

function myFunction() { 
    var elem = document.getElementById('test_a'); 
    if (elem.addEventListener) { 
     elem.addEventListener('click', function() { 
      alert('clicked'); 
     }, false); 
    } else { 
     elem.attachEvent('onclick', function() { 
      alert('clicked'); 
     }); 
    } 

    return false; 
}

Źródło

2012-04-19 07:55:54 Tobi

Edytowałem pytanie, proszę zignorować kod js wcześniej. Po prostu html, ale nadal nie działa ... – skyworm

Atrybut 'onclick' oczekuje kodu JavaScript zamiast adresu URL. Tak więc 'javascript:' jest po prostu nadmiarowy (chociaż przynajmniej nie spowoduje błędu składni, ponieważ jest to poprawny kod). –

Wydaje się być podchwytliwa. Testowałem z tym kodem:

<body> 
Hallo 
<br> 
<div style="height:2000px; width:100px"></div> 
<br />  
<a href="#" onclick="alert('click');return false;" 
      onmousedown="alert('down');return false;" 
      onmouseup="alert('up');return false;" 
      onmouseover="alert('over');return false;" 
      onmouseout="alert('out');return false;"> 

click me</a> 
</body>

Co się dzieje, że kiedy odśwież stronę na iPhone i dotknij po raz pierwszy pojawia się:

nad
dół
się
kliknij
przewiń w górę

Każdy następny tap uzyskać:

dół
się
kliknięcia
nr przewijania w górę

Funny mało, to działa tylko wtedy, gdy kod zawiera ostrzeżenia . Jeśli nie ma żadnych alertów w kodzie, przewijanie odbywa się za każdym razem, gdy klikam ...

Na pewno jest trochę magii z hrefami w mobilnym safari, które można zobaczyć, gdy trzymasz link (bez podnoszenia palca): pojawia się arkusz czynności ("kopia", "otwórz", "otwórz w ..." itp.) przed jedno z wydarzeń zostanie wyrzucone.

Źródło

2012-04-19 09:55:28

I rzeczywiście próbował z

<a href="javascript:void(0)" onclick="return false">click me</a>

i działa dobrze

Źródło

2012-08-15 12:01:03 kschaeffler

Po pierwsze, spróbuj tego:

<a href="#" id='test'>click me</a>

w JS:

$('a#test').click(function(event){ 
    event.preventDefault(); 
});

drugie (jeśli pierwszy wariant nie zadziała):

<a href="#" id='test' onclick='return DummyFunction();'>click me</a>

w JS:

function DummyFunction(){ 
    return false; 
}

O ile pamiętam, jeden z tych wariantów rozwiązania tego samego problemu, kiedy miałem go.

Pierwszy wariant jest o wiele lepiej, poniewaz nie mieszać HTML i JavaScript

Źródło

2012-08-24 18:18:02

miałem ten sam problem. Okazuje się, że jest to błąd w wersji Safari Safari na iOS 5. Nie występuje w nowszych lub starszych wersjach, ani w żadnej innej przeglądarce lub platformie.

postanowiłem go dodając preventDefault do obsługi zdarzenia onclick, w uzupełnieniu do istniejącego return false, tak:

<a href="#" onclick="event.preventDefault(); return false;">click me</a>

Nie idealne, ale to nie rozwiązuje problemu.

Źródło

2012-10-24 15:50:35 SDC

W moim przypadku nie było potrzeby, aby = "..." po prostu "onclick" spełnił swój cel – MoshMage

Po prostu miałem ten sam problem z linkami, które nie działają bezpośrednio na iPhonie mojego przyjaciela. Usunąłem href="#" z kopalni, a przyciski działają perfekcyjnie, z tym wyjątkiem, że moje przyciski ustawiono trochę inaczej niż ty przy pomocy JavaScript.

sposób mam to skonfigurować to tak

$(document).ready(function() { 
    var buttons=$('#button01,#button02,#button03,#button04,#button05'); 

buttons.click(function(){ 
     $(this).removeClass('off-class').addClass('on-class'); 
     buttons.not(this).removeClass('on-class').addClass('off-class'); 


})

Potem wywołać klatki chcę pop-up z

if ($('#button01').hasClass('on-class')){ 
       $('#frame01').removeClass('hidden'); 
$('#frame02,#frame03,#frame04,#frame05').addClass('hidden'); 
       }else{ 
        $('#frame01').addClass('hidden');

nie wiem jak masz swoje skonfigurować , ale usunięcie href="#" z tą konfiguracją zadziałało na moje.

Źródło

2012-11-29 10:11:44 Optiq

W zasadzie poszedłem z podobnym rozwiązaniem, ale zarchiwizowałem je nieco, sprawdzając warunkowo ... to jest oparte na jQuery i używane do logowania w Sitefinity.

if ($.browser.safari) { 
    $('.sfSubmitBtn').attr('onclick', 'event.preventDefault(); return false;'); 
    }

znalazłem, że przy użyciu event.preventDefault() spowodowane do podobnych problemów, aby rozpocząć występujące w niektórych wersjach IE.

Źródło

2014-04-28 13:51:20 rfornal

Na safari urządzeń mobilnych <a href="#" onclick="return false"> nie działa, dlaczego?

Odpowiedz

Powiązane problemy