this.choices = [];
this.play(m);
};
+ const stopPropagation = (e) => { e.stopPropagation(); }
const onClick =
this.mobileBrowser
- ? { touchend: applyMove }
- : { mouseup: applyMove };
+ // Must cancel mousedown logic:
+ ? { touchstart: stopPropagation, touchend: applyMove }
+ : { mousedown: stopPropagation, mouseup: applyMove };
return h(
"div",
{
attrs: {
src:
"/images/pieces/" +
- // orientation: extra arg useful for some variants:
+ // orientation: extra arg useful for some variants
this.vr.getPPpath(m, this.orientation) +
V.IMAGE_EXTENSION
},
// Emit the click event which could be used by some variants
const targetId =
(withPiece ? e.target.parentNode.id : e.target.id);
- this.$emit("click-square", getSquareFromId(targetId));
- if (withPiece) {
+ const sq = getSquareFromId(targetId);
+ this.$emit("click-square", sq);
+ if (withPiece && !this.vr.onlyClick(sq)) {
this.possibleMoves = this.vr.getPossibleMovesFrom(startSquare);
// For potential drag'n drop, remember start coordinates
// (to center the piece on mouse cursor)