-1
votes

Fonction Pass par référence dans ONCLICK Event JavaScript

J'utilise JavaScript, JQuery. J'ai besoin de passer fonction par référence dans onclick événement.
Voici ce que j'essaie mais ne travaille pas. XXX

Pouvez-vous me permettre de savoir ce que je fais mal.


0 commentaires

3 Réponses :


4
votes

Vous devez ajouter le gestionnaire onclick code> après avoir ajouté votre bouton sur le DOM.

function onClickHandler() {
    console.log("on click handler");
}

function renderButton(callback) {
    $("#root").append(
        '<div style="text-align:right; padding:10px 10px;">\
            <button id="button">Collect Hadiths</button>\
        </div>'
    );
    $("#button").click(callback);
}

renderButton(onClickHandler);


0 commentaires

0
votes

Ajoutez l'événement de clic à l'élément généré à l'aide du code ci-dessous

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="root"></div>


0 commentaires

0
votes

J'utiliserais:

function onClickHandler() {
    console.log("on click handler");
}

function renderButton(callback) {
    // Create the button and add the click event
    const button = $('<button>Collect Hadiths</button>');
    $(button).click(callback);

    // Create the div and append the button to it
    const div = $('<div style="text-align:right; padding:10px 10px;"></div>');
    $(div).append(button);

    // Now add to the root
    $("#root").append(div);
}

renderButton(onClickHandler);


0 commentaires