shogi-player/components/mod_context_menu.js

Shogi board web components has functions for replaying, manipulating, and editing

// 右クリックメニューを無効化 (contextmenu)
// 長押しによる全選択・メニュー表示を防ぐ (touchstart)
// ドラッグを禁止 (dragstart)
//
// これと合わせてトップで user-select: none を入れる

// import event_helper from "./models/event_helper.js"

export const mod_context_menu = {
  // mounted() {
  //   this.context_menu_disabled(this.$el)
  // },
  // beforeDestroy() {
  //   this.context_menu_enabled(this.$el)
  // },
  // methods: {
  //   // context_menu_disabled(el) {
  //   //   this.log("コンテキストメニューの無効化")
  //   //   el.addEventListener("contextmenu", event => event.preventDefault())
  //   //   el.addEventListener("touchstart", event => event.preventDefault(), {passive: false})
  //   //   el.addEventListener("dragstart", event => event.preventDefault())
  //   // },
  //   // context_menu_enabled(el) {
  //   //   this.log("コンテキストメニューの有効化")
  //   //   el.removeEventListener("contextmenu", event => event.preventDefault())
  //   //   el.removeEventListener("touchstart", event => event.preventDefault())
  //   //   el.removeEventListener("dragstart", event => event.preventDefault())
  //   // },
  // },
  // directives: {
  //   // <xxx v-sp-disable-interactions></xxx>
  //   disableInteractions: {
  //     bind(el) {
  //       event_helper.contextMenuDisable(el)
  //       event_helper.longPressDisable(el)
  //       event_helper.dragDisable(el)
  //     },
  //     unbind(el) {
  //       event_helper.contextMenuEnable(el)
  //       event_helper.longPressEnable(el)
  //       event_helper.dragEnable(el)
  //     },
  //   },
  // },
}