slider-thumb-tracking.html 1005 B

12345678910111213141516171819202122232425262728
  1. <html>
  2. <head>
  3. <title></title>
  4. <script type="text/javascript">
  5. function test()
  6. {
  7. var slider = document.getElementById("slider");
  8. var x = slider.offsetWidth * 3 / 4;
  9. var y = slider.offsetHeight / 2;
  10. var event = document.createEvent("MouseEvent");
  11. event.initMouseEvent("mousedown", true, true, document.defaultView, 1, 0, 0, x, y, false, false, false, false, 0, document);
  12. slider.dispatchEvent(event);
  13. }
  14. </script>
  15. </head>
  16. <body onload="test()">
  17. <p>
  18. Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=11621">http://bugs.webkit.org/show_bug.cgi?id=11621</a>
  19. REGRESSION (Native slider): slider thumb not updated when the mouse is dragged/released out of range</i>.
  20. </p>
  21. <p>
  22. The slider thumbs should be at the same horizontal position.
  23. </p>
  24. <input type="range" id="slider" value="30">
  25. <br>
  26. <input type="range" value="70">
  27. </body>