Désactiver la fonction onclick sur la balise image

jQuery comment puis-je désactiver un clic sur <img> tag

$("#ico_cal_id").attr('disabled', 'disabled') or
$("#img_id").attr('disabled', 'disabled') is not working

Ci-dessous mon code:

<span id="img_id"><src="ico_calendar.png" id="ico_cal_id" style="cursor: pointer"; onlick="showCalendar(this,'startDay','startMonth','startYear');" /></span>

chaque fois que je clique sur le calendar_image le calendrier est popping up

Des idées?

InformationsquelleAutor user1096909 | 2011-12-30
  1. 10

    Essayez ceci:

    $("#ico_cal_id").prop("onclick", false);

    Plus sur prop() ici.

    • Cela semble intéressant, la première fois que je vois quelque chose comme ça. Est-ce une bonne pratique pour réinitialiser comme ça?
    • Oui. En jQuery, au moins.
    InformationsquelleAutor Purag
  2. 2

    img éléments n'ont pas de disabled attribut, le choix de ne pas affecter son comportement.

    Vous pouvez prévenir le cas de remontée et de l'exécution d'autres gestionnaires avec événement.stopImmediatePropagation()...

    $("#ico_cal_id").click(function(event) {
    event.stopImmediatePropagation();
});

    Sinon, vous pouvez utiliser $("#ico_cal_id").removeAttr("onclick") si l'événement est toujours d'être fixé sur la ligne.

    • Quelle est la différence entre stopPropagation et preventDefault?
    • preventDefault() empêche l'action par défaut de l'élément, tout en stopPropagation() l'empêche de remonter l'arborescence DOM.
    • empêche le navigateur par défaut de comportement, et stopPropagation() empêche les événements de propagation des ancêtres.
    • Cool merci. J'aime particulièrement mise à jour de votre réponse - qui est un bon à savoir.
    InformationsquelleAutor alex
  3. 1

    Supprimer la propriété onclick?

    $("#ico_cal_id")[0].onclick = null;

    ou:

    $("#ico_cal_id").removeAttr("onclick");
    • $("#ico_cal_id")[0].onclick = null; est de travailler pour moi, si je veux l'activer onclick encore une fois, comment puis-je le faire? Merci
    • $("#ico_cal_id").removeAttr("onclick"); fonctionne aussi très bien, comment puis-je ajouter l'attribut.
    InformationsquelleAutor karim79
  4. 0

    Ces réponses ne fonctionne pas pour moi comme je l'avais discrète jquery qui contourné que js inline appel de fonction.

    Je n'aime pas "pirater" le code, mais pour cette question d'image je l'ai fait

    Code HTML

    <input type="hidden" id="responseMode"/>

    Code Quand désactiver

    $("#responseMode").val("response");

    jquery img cliquez sur

    $("#myImageID").click(function() {
    if ($("#responseMode").val() === "response") {
        //??
     } else {
        workedModalCall();
     }

});

    Sinon TOUS les autres ont répondu encore permis pour mon jquery cliquez sur la fonction à exécuter, puis la modale d'appel de fonction, je ne voulais pas être appelé arrivé workedModalCall();

    InformationsquelleAutor Tom Stickel