Skip to content

Event: Suggest event.originalEvent usage #928

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 1 commit into from
Closed

Event: Suggest event.originalEvent usage #928

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 6 additions & 7 deletions categories.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -120,7 +120,7 @@ var e = jQuery.Event( "keydown", { keyCode: 64 } );
// trigger an artificial keydown event with keyCode 64
jQuery( "body" ).trigger( e );
</code></pre>
<h4>Event Properties</h4>
<h4>Common Event Properties</h4>
<p>jQuery normalizes the following properties for cross-browser consistency:</p>
<ul>
<li>
Expand All @@ -144,13 +144,12 @@ jQuery( "body" ).trigger( e );
</ul>
<p>The following properties are also copied to the event object, though some of their values may be undefined depending on the event:</p>
<p>altKey, bubbles, button, buttons, cancelable, char, charCode, clientX, clientY, ctrlKey, currentTarget, data, detail, eventPhase, key, keyCode, metaKey, offsetX, offsetY, originalTarget, pageX, pageY, relatedTarget, screenX, screenY, shiftKey, target, toElement, view, which</p>
<h4>OtherProperties</h4>
<p>Certain events may have properties specific to them. Those can be accessed as properties of the <code>event.originalEvent</code> object.</p>
<p>Example:</p>
<h4>Other Properties</h4>
<p>To access event properties not listed above, use the <code>event.originalEvent</code> object:</p>
<pre><code>
// add the dataTransfer property for use with the native `drop` event
// to capture information about files dropped into the browser window
jQuery.event.props.push( "dataTransfer" );
// Access the `dataTransfer` property from the `drop` event which
// holds the files dropped into the browser window.
var files = event.originalEvent.dataTransfer.files;
</code></pre>
</div>
]]></desc>
Expand Down