Articles of addeventlistener

Traitement des événements entre navigateurs

J'ai besoin d'une fonction de navigateur pour enregistrer les gestionnaires d'événements et une expérience de gestion (principalement) cohérente. Je n'ai pas besoin du plein poids ou de la fonctionnalité d'une bibliothèque comme jQuery, donc j'ai écrit le mien. Je crois avoir accompli mes objectifs avec le code ci-dessous, et jusqu'à présent, mes tests ont été […]

Écoutez l'événement jQuery sans jQuery

Existe-t-il un moyen de configurer un auditeur d'événements, donc il capture un événement déclenché par jQuery? Je souhaite utiliser uniquement JavaScript (vanilla) pour écouter l'événement. J'ai configuré l'exemple suivant: (function($) { $(document).on('sent_jquery_rec_jquery', function () { console.log('sent_jquery_rec_jquery'); }); $(document).on('sent_vanilla_rec_jquery', function () { console.log('sent_vanilla_rec_jquery'); }); document.addEventListener('sent_vanilla_rec_vanilla', function () { console.log('sent_vanilla_rec_vanilla'); }); document.addEventListener('sent_jquery_rec_vanilla', function () { console.log('sent_jquery_rec_vanilla'); }); […]

`Return false` dans un gestionnaire d'événements attaché par addEventListener ou element.on *

Bien, entendons cela d'abord. Oui, je souhaite cacher le menu contextuel. Non, je n'essaie pas d'empêcher quelqu'un de supprimer du contenu de ma page. Son utilisation prévue est entrée pour un jeu dans le navigateur et elle sera limitée à une zone spécifique sur la page Web. Passer de l'idéologique à la technique … var […]

Le formulaire est toujours soumis même si la fonction d'écoute retourne faussement

J'essaie de comprendre pourquoi ce JavaScript n'arrête pas le formulaire d'être soumis: <form action="http://www.example.com" id="form"> <input type="text" /> <input type="submit" /> </form> <script> var code = function () { return false; }; var element = window.document.getElementById("form"); if (element.addEventListener) { element.addEventListener("submit", code, false); } </script> À moins d'ajouter l'attribut onsubmit suivant à l'élément de formulaire: <form […]

AddEventListener dans jQuery

Duplication possible: JQuery équivalent à la méthode addEventListener de JavaScript Également à partir d'un très bon tutoriel jQuery sur: http://itunes.apple.com/in/app/designmobileweb/id486198804?mt=8 Quel est l'équivalent jQuery pour la déclaration suivante; element1.addEventListener('click',doSomething2,false) Si c'est la méthode bind (), existe-t-il une option pour spécifier le dernier paramètre (c'est-à-dire l'éboulement ou la capture d'un événement … true / false) Je […]

AddEventListener n'existe pas avec Javascript uniquement

Je recherche l'ensemble du stackoverflow, mais je n'ai pas eu de bon résultat contre ces problèmes. Corrigez-moi si je me trompe. Je souhaite ajouterEventListener à l'objet qui existe ou n'existe pas dans DOM. Dans Jquery, nous pouvons simplement faire le code ci-dessous: $('document').on('click', '.my-button', function () { alert("work!!!"); }); Mais comment puis-je utiliser uniquement Javascript […]

Utilisation de addEventListener pour ajouter un rappel avec des arguments

Je crée un système de glisser-déposer à l'aide d'un canevas. canvas.addEventListener('mousedown', function () { window.initialClickX = mouse.x; window.initialClickY = mouse.y; window.initialBallX = ball.x; window.initialBallY = ball.y; canvas.addEventListener('mousemove', onMouseMove, false); }, false); function onMouseMove(){ ball.x = mouse.x + window.initialBallX – window.initialClickX; ball.y = mouse.y + window.initialBallY – window.initialClickY; draw(); } Quand je clique, j'ai besoin de […]

Défaut de remplacer l'addEventListener de Element dans Firefox

J'essaie de remplacer la méthode addEventListener l'objet Element, de manière croisée. Le but est que je peux charger des scripts tiers de manière asynchrone, et ces scripts appellent cette méthode prématurément. J'ai créé un fichier HTML qui fonctionne parfaitement dans Chrome, mais sur Firefox, j'ai cette exception: "Opération illégale sur l'objet prototype WrappedNative" nsresult: "0x8057000c […]

Comment gérer différents événements avec l'auditeur d'événements pour différents éléments?

$(document).ready(function () { var player_1_listener = $('#myVid_1')[0]; $f(player_1_listener).addEvent('ready', ready); var player_2_listener = $('#myVid_2')[0]; $f(player_2_listener).addEvent('ready', ready); function addEvent(element, eventName, callback) { if (element.addEventListener) { element.addEventListener(eventName, callback, false); } else { element.attachEvent(eventName, callback, false); } } function ready(player_id) { //var froogaloop = $f(player_id); if (player_id === myVid_1) { var froogaloop = $f(player_id); function onFinish() { froogaloop.addEvent('finish', function(data) […]

JavaScript Event Listener pour Update / Change sur Element / innerText

Existe-t-il un eventListener qui vérifie les changements d'un innerText? Exemple: 12345 Je veux simplement vérifier si "12345" change à autre chose comme "23415". Il n'y a pas d'événement "clic" qui apparaîtra ou autre chose. Je n'ai pas la chance de passer par le code où les mises à jour de la portée sont disponibles. Donc, […]