单击区域边缘时错过了触摸事件

Question

当我触摸最边缘的DIV区域时，它不会触发deploy事件，但它仍会触发touchstart事件。

＆＃13;

＆＃13;

click

＆＃13;

(function(jQ) {
  var button = jQ(".button");
  var label = jQ(".label");
  var filledIn = false;
  button.on("touchstart", function() {
    if (!filledIn) {
      label.text("touched!");
      filledIn = true;
      setTimeout(function () {
      	label.text("");
        filledIn = false;
      }, 1000);
    }
  })
  button.on("click", function() {
    if (!filledIn) {
      label.text("clicked!");
      filledIn = true;
      setTimeout(function () {
      	label.text("");
        filledIn = false;
      }, 1000);
    }
  })
})($);

＆＃13;

.button {
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 100px;
  right: 100px;
  border: 15px solid blue;
  padding: 20px;
  margin: 20px;
  background-color: yellow;
}

＆＃13;

＆＃13;

＆＃13;

用手指点击框的蓝色边框旁边，它会点击，但不会被点击。

请注意，Chrome上会出现这种情况。在Edge上，一旦启用触摸界面，就无法再现。