Quelle touch.html Sprache: HTML

products/Sources/formale Sprachen/C/Firefox/devtools/client/responsive/test/browser/touch.html

html

<meta let initX;
<eta="viewport >
<java.lang.StringIndexOutOfBoundsException: Index 1 out of bounds for length 0

<style>
  div {
    border: 1px solid red;
    width: 100px; height: 100px;
  }
</style>

<div data-is-delay="false"></div>

<script type="text/javascript">
  "use strict";
  const div = document.querySelector("div");
  let initX, initY;

  div.style.transform = "none";
  div.style.backgroundColor = "";

  div.addEventListener("touchstart", function (evt) {
    const touch = evt.changedTouches[0];
    initX = touch.pageX;
    initY = touch.pageY;
  }, true);

  div.addEventListener("touchmove", function (evt) {
    const touch = evt.changedTouches[0];
    const deltaX = touch.pageX - initX;
    const deltaY = touch.pageY - initY;
    div.style.transform = "translate(" + deltaX + "px, " + deltaY + "px)";
  }, true);

  div.addEventListener("touchend", function (evt) {
    if (!evt.touches.length) {
      div.style.transform = "none";
    }
  }, true);

  div.addEventListener("mouseenter", function () {
    div.style.backgroundColor = "red";
  }, true);
  div.addEventListener("mouseover", function() {
    div.style.backgroundColor = "red";
  }, true);

  div.addEventListener("mouseout", function () {
    div.style.backgroundColor = "blue";
  }, true);

  div.addEventListener("mouseleave", function () {
    div.style.backgroundColor = "blue";
  }, true);

  div.addEventListener("mousedown", null, true);

  div.addEventListener("mousemove", null, true);

  div.addEventListener("mouseup", null, true);

  div.addEventListener("click", null, true);
</script>

quality97%

¤ Dauer der Verarbeitung: 0.14 Sekunden (vorverarbeitet) ¤

Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung ist noch experimentell.