vue2 实现对拖拽选中文字、复制选中文字的控制以及自定义鼠标右键菜单功能

记录实现控制拖拽选中、复制选中文字以及自定义鼠标右键菜单时的过程。

参考文章 vue 禁止拖拽选中文字、禁止复制、禁止右键菜单

• 禁止或允许拖拽选中文字 onselectstart

禁止拖拽选中文字

<div class="select-content" onselectstart="return false">
    <p>Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。</p>
</div>

允许拖拽选中文字

<div class="select-content" onselectstart="return true">
    <p>Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。</p>
</div>

• 禁止或允许复制文字 oncopy

禁止复制选中文字，选中文字右键点击复制后，粘贴时显示的内容为空或为