Skip to content

Pointer Capture is normative. Fix #269 #270

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

Merged
patrickhlauke merged 2 commits into from
Nov 27, 2018
Merged

Pointer Capture is normative. Fix #269 #270

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9c59aaa
Pointer Capture is normative. Fix #269
plehegar Nov 27, 2018
7af4b36
Intro to Pointer Capture is informative
plehegar Nov 27, 2018
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
6 changes: 4 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -805,14 +805,16 @@ <h2>Details of <code>touch-action</code> values</h2>
&lt;/div&gt;</code>
</pre>
</section>
<section class="informative">
<section>
<h1><dfn>Pointer Capture</dfn></h1>
<section class='informative'>
<h2>Introduction</h2>
<p>Pointer capture allows the events for a particular pointer (including any <a data-lt="compatibility mapping with mouse events">compatibility mouse events</a>) to be retargeted to a particular element other than the normal hit test result of the pointer's location. This is useful in scenarios like a custom slider control (e.g. similar to the [[HTML5]] <code>&lt;input type="range"&gt;</code> control). Pointer capture can be set on the slider thumb element, allowing the user to slide the control back and forth even if the pointer slides off of the thumb.</p>
<figure id="figure_slider">
<img src="slider.png" alt="Custom Volume Slider">
<figcaption>Example of a custom slider control that chooses a value by sliding the thumb element back and forth. After <code>pointerdown</code> on the thumb, pointer capture can be used to allow the user to slide the thumb even if the pointer drifts off of it.</figcaption>
</figure>

</section>
<section>
<h2>Setting Pointer Capture</h2>
<p>Pointer capture is set on an element by calling the <code>element.setPointerCapture(pointerId)</code> method. When this method is invoked, a user agent MUST run the following steps:</p>
Expand Down