Dans les appareils mobiles' safari, <a href=“#” onclick=“return false”> ne fonctionne pas, pourquoi?

Dans moblie de dispositifs de safari, comme l'iphone ou l'ipad, <a href="#" onclick="return false"> n'empêche pas le comportement par défaut, la page est toujours redirigé vers '#', pourquoi...?
Comme ces code html:

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

Lors d'un clic dans moblie de dispositifs de safari, il va revenir en haut de la page...

onclick="javascript:return false;" ?
avez-vous vérifiez la façon dont les choses fonctionnent sur un navigateur de bureau? Je suppose qu'il a quelque chose à faire avec le contact contre les événements de la souris.
Au lieu de "onclick" vous pouvez donner un essai à "onkeyup", "onmouseup" ou "onkeypress"
Pourquoi l'ajout d'un label de l'aide? Il n'y a pas de boucle de break ou continue.
keyup, mouseup serait bizarre...

OriginalL'auteur skyworm | 2012-04-19

5

J'ai eu le même problème. Il s'avère que c'est un bug dans iOS 5 version de Safari. Ne se produit pas dans les nouvelles ou les anciennes versions, ou tout autre navigateur ou de plate-forme.

Je l'ai résolu en ajoutant preventDefault pour le gestionnaire d'événements onclick, en plus de l'existant return false, comme suit:
```
<a href="#" onclick="event.preventDefault(); return false;">click me</a>
```
Pas idéal, mais il n'résoudre le problème.

Dans mon cas, il n'était pas nécessaire pour l' ="..." juste "onclick" atteint son but

OriginalL'auteur SDC

J'ai juste un peu eu le même problème avec mes liens ne fonctionne pas correctement sur mon ami de l'iPhone. J'ai supprimé le href="#" de la mienne, et que les boutons fonctionnent parfaitement bien, sauf que j'ai mes boutons définie un peu différemment que vous avec le JavaScript.

La façon dont je l'ai mis en haut est comme ce

$(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');


})

Puis-je déclencher les images que je veux à apparaître avec

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

Je ne sais pas comment vous avez vous mis en place, mais de supprimer le href="#" avec cette mise en place a fonctionné sur le mien.

OriginalL'auteur Optiq

1

Semble être difficile. J'ai testé avec ce code:
```
<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>
```
Ce qui se passe est que lorsque j'actualise la page sur iPhone et appuyez sur pour la première fois que je reçois:
1. sur
2. bas
3. jusqu'
4. cliquez sur
5. faites défiler vers le haut
Chaque côté du robinet-je obtenir:
1. bas
2. jusqu'
3. cliquez sur
4. Pas faites défiler vers le haut
Assez drôle, cela fonctionne uniquement lorsque le code contient les alertes. Si pas d'alertes à l'intérieur du code, le défilement se passe à chaque fois que je tape....

Pour assurer qu'il y a un peu de magie avec hrefs dans le navigateur safari mobile, vous pouvez le voir, lorsque vous maintenez le lien (sans lever le doigt): Une "fiche action" s'affiche ("copier", "ouvrir", "ouvrir dans ..." etc.) avant un événement est déclenché.

OriginalL'auteur Kai Huppmann
1

Fait, j'ai essayé avec
```
<a href="javascript:void(0)" onclick="return false">click me</a>
```
et il fonctionne bien

OriginalL'auteur kschaeffler
0

Pourquoi pas? Je pense que, vous devez appeler une fonction et pas seulement return false...
```
<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;
}
```
J'ai édité la question, s'il vous plaît ignorer le code js avant. Que de l'html, mais ne fonctionne toujours pas...
Le onclick attribut s'attend à ce code JavaScript plutôt qu'une URL. Ainsi javascript: est juste redondant (mais au moins il ne va pas faire une erreur de syntaxe car c'est un code valide).

OriginalL'auteur Tobi
0

Tout d'abord, essayez ceci:
```
<a href="#" id='test'>click me</a>
```
en js:
```
$('a#test').click(function(event){
    event.preventDefault();
});
```
Ensuite(si la première variante ne fonctionnera pas):
```
<a href="#" id='test' onclick='return DummyFunction();'>click me</a>
```
en js:
```
function DummyFunction(){
    return false;
}
```
Aussi loin que je me souvienne, l'une de ces variantes résolu le même problème, lorsque je l'ai eu.

La première variante est beaucoup mieux, parce que vous n'avez pas de mélange de html et de javascript

OriginalL'auteur Yauhen Vasileusky
0

Fondamentalement, je suis allé avec une solution similaire, mais sauvegardé un peu plus avec certains conditionnelle vérification ... c'est basé sur jQuery et utilisé pour la connexion à Sitefinity.
```
  if ($.browser.safari) {
    $('.sfSubmitBtn').attr('onclick', 'event.preventDefault(); return false;');
  }
```
Je n'ai trouver que l'utilisation de l'événement.preventDefault() causé un des problèmes similaires à commencer survenus dans certaines versions d'IE.

OriginalL'auteur rfornal

Vous devez vous connecter pour publier un commentaire.