onSelectStart 处理按钮快速点击选中 文字被选中

2021-07-27  本文已影响0人  梁庄十年

适用情况:

  1. 禁止网页中的文字别选中;
  2. 通过某个按钮点击控制某个元素的显隐时, 快速点击按钮, 可能会出现按钮内容被选中的情况;
示例

解决方案:

<template>
  <div class="merchant-con">
    <p :class="['detail',mark ? 'el-icon-caret-bottom' : 'el-icon-caret-top']"
      v-text="desc"
      @click="mark = !mark" onselectStart="return false">
    </p>
    <Table v-show="mark">
      <slot>
        <el-input v-model="inputVal"></el-input>
      </slot>
    </Table>
  </div>
</template>

注: 是vue项目 直接绑定 onselectStart="return false" 即可

上一篇 下一篇

猜你喜欢

热点阅读