Javascript Girl
  1. Javascript Girl
  3. Comprendre JavaScript originalEvent
Intereting Posts
Passez au sélecteur CSS dans un fichier css du fichier HTML dans Vim à l'aide d'une touche unique Comment utiliser correctement la bibliothèque jsPDF Jquery, performance-wise quel est le plus rapide getElementById ou le sélecteur jquery? Supprimez les données de la boîte de dialogue JQuery lorsque je ferme Pourquoi un objet nul et quelle est la différence entre null et indefin? Passer des données à l'objectif c avec POST plutôt que GET Est-il possible d'écouter pour se joindre et laisser des événements sur une pièce? Comment remplacer une méthode intégrale d'objets natifs de javascript En Javascript: Pourquoi la nouvelle Date ('2012-1-15') – nouvelle Date ('2012-01-15') == 21600000 Gris sur une rangée dans la grille kendo en fonction de la valeur de la colonne Comment créer dynamiquement "Partager ces boutons" avec des URL personnalisées avec une fonction javascript? Quelle est la méthode Javascript CollectGarbage ()? Quand et pourquoi devrait-il être utilisé? Call Javascript function From iOS Webview in Angularjs App L'événement onclick simple a fonctionné une seule fois Changer la propriété CSS Link surCliquez avec Javascript / JQuery?

Comprendre JavaScript originalEvent

Quelqu'un peut-il m'aider à comprendre l'utilisation d' originalEvent en JavaScript? Je ne peux vraiment pas trouver une bonne source de documentation à ce sujet.

Les résultats de Google m'ont amené à des sites de discussion trop compliqués à comprendre pour un débutant.

J'ai récemment eu une question en SO, et un gars l'a répondu en ajoutant cette ligne de code 

 $("#url").bind('paste', function(e) { var val = e.originalEvent.clipboardData.getData('text/plain'); ....

À mon code existant, qui a fonctionné btw.

J'apprécierais grandement si quelqu'un peut m'aider à comprendre l'utilisation de celui-ci.

Vous utilisez une bibliothèque JavaScript appelée jQuery, d'où vient la fonction $ (). JQuery enveloppe plusieurs parties de JavaScript pour le rendre plus facile à utiliser. L'une de ces parties est la gestion des événements. Dans votre exemple, parce que vous utilisez jQuery pour lier à l'événement coller, l'objet transmis à votre rappel (e) est un objet d'événement jQuery , pas un objet d'événement JavaScript intégré. L'objet d'événement jQuery expose la propriété originalEvent pour vous donner accès à l'objet d'événement intégré sous-jacent.

Dans votre exemple, vous devez saisir les données du Presse-papiers, qui ne sont pas disponibles via l'objet de l'événement jQuery afin que vous ayez besoin d'accéder à l'objet d'événement d'origine pour y accéder.

Certains événements peuvent avoir des propriétés propres à eux. Ceux-ci sont accessibles en tant que propriétés de l'objet event.originalEvent.

Source: jQuery Objet de l'événement

Dans votre exemple, la propriété clipboardData de l' événement paste est accessible via event.originalEvent .

Bien … originalEvent n'est pas directement à partir de javascript selon mes connaissances. C'est celui qui est déclenché par le navigateur. Jquery enveloppe des propriétés supplémentaires et l'événement original du navigateur est enveloppé dans originalEvent . Voici ce que j'ai trouvé sur le site jquery.

"Il est également important de noter que l'objet d'événement contient une propriété appelée originalEvent, qui est l'objet d'événement que le navigateur a lui-même créé. JQuery enveloppe cet objet d'événement natif avec des méthodes et des propriétés utiles, mais dans certains cas, vous devrez Accéder à l'événement original via event.originalEvent par exemple. Ceci est particulièrement utile pour les événements tactiles sur les appareils mobiles et les tablettes ".