Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <p>Check whether Touch and TouchEvent constructors are supported</p>
  <p class="indent">
    Touch.length = <span id=TouchLength></span><br>
    TouchEvent.length = <span id=TouchEventLength></span><br>
  <p>Creating a Touch object using constructor</p>
  <pre>
    t = new Touch({
      identifier: 42,
      target: document.body,
      clientX: 200,
      clientY: 200,
      screenX: 300,
      screenY: 300,
      pageX: 250,
      pageY: 250,
      radiusX: 2.5,
      radiusY: 2.5,
      rotationAngle: 10,
      force: 0.5,
    });
  </pre>
  <p>Result:</p>
  <p class="indent" id="result1"></p>
  
  <hr>
  
  <p>Creating a TouchEvent object using constructor</p>
  <pre>
    te = new TouchEvent("touchstart", {
      cancelable: true,
      bubbles: true,
      touches: [t],
      targetTouches: [],
      changedTouches: [t],
      shiftKey: true,
    });
  </pre>
  <p>Result:</p>
  <p class="indent" id="result2"></p>
  
  <hr>
</body>
</html>
 
var t;
var te;
function supportString(value) {
  return value + ' ' + (value ? '(supported)' : '(not supported)');
}
document.getElementById("TouchLength").innerHTML = supportString(Touch.length);
document.getElementById("TouchEventLength").innerHTML = supportString(TouchEvent.length);
try {
  t = new Touch({
    identifier: 42,
    target: document.body,
    clientX: 200,
    clientY: 200,
    screenX: 300,
    screenY: 300,
    pageX: 250,
    pageY: 250,
    radiusX: 2.5,
    radiusY: 2.5,
    rotationAngle: 10,
    force: 0.5,
  });
  
  var res = document.getElementById("result1");
  for (var key in t) {
    res.innerText += key + " = " + t[key] + "\n";
  }
} catch(e) {
  document.getElementById("result1").innerText = e. message;
}
// -------
try {
  te = new TouchEvent("touchstart", {
      cancelable: true,
      bubbles: true,
      touches: [t],
      targetTouches: [],
      changedTouches: [t],
      shiftKey: true,
    });
  
  var res = document.getElementById("result2");
  for (var key in te) {
    ed = Object.getOwnPropertyDescriptor(Event.prototype,key);
    if (typeof te[key] != "function" &&
        !(ed && 'value' in ed))
      res.innerText += key + " = " + te[key] + "\n";
  }
} catch(e) {
  document.getElementById("result2").innerText = e. message;
}
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
rbyerspro
0viewers