1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2 "http://www.w3.org/TR/html4/strict.dtd">
5 <meta http-equiv="Content-type" content="text/html; charset=utf-8">
6 <title>Test for 'pointer-events' property in HTML</title>
7 <style type="text/css" media="screen">
74 #f, #g, #h, #i, #k, #m {
104 pointer-events: none;
113 pointer-events: none;
121 pointer-events: auto;
130 pointer-events: auto;
138 pointer-events: none;
149 <h1>Testing 'pointer-events' property in HTML</h1>
151 <p id="a">This whole paragraph SHOULD change background when hovered</p>
153 <p id="b">This whole paragraph SHOULD NOT change background when hovered</p>
155 <p id="c">This paragraph SHOULD change background when hovered anywhere including
156 <span>this inline text</span> even though the inline text ignores pointer events.</p>
158 <p id="d">This paragraph SHOULD NOT change when the pointer is over only it but
159 <span>this inline text</span> SHOULD change and cause the parent to change also.</p>
161 <div id="e">This paragraph SHOULD NOT change when the pointer is over only it (not the child)
162 <div>This child element SHOULD change and cause the parent to change also</div>
166 The following image SHOULD change when the pointer is over it.
169 <img id="f" src="../../../LayoutTests/media/content/abe.png">
172 The following image SHOULD NOT change when the pointer is over it.
175 <img id="g" src="../../../LayoutTests/media/content/abe.png">
178 The following image SHOULD change when the pointer is over it. It is inline
180 <img id="h" src="../../../LayoutTests/media/content/abe.png">
184 The following image SHOULD NOT change when the pointer is over it. It is inline
186 <img id="i" src="../../../LayoutTests/media/content/abe.png">
190 This paragraph SHOULD NOT change when the pointer is over only it, but the child
191 image SHOULD react and cause the parent to change.
192 <img id="k" src="../../../LayoutTests/media/content/abe.png">
196 This paragraph SHOULD change when the pointer is over it, but the child
197 image SHOULD NOT react.
198 <img id="m" src="../../../LayoutTests/media/content/abe.png">