美文网首页
onSelectStart 处理按钮快速点击选中 文字被选中

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

作者: 梁庄十年 | 来源:发表于2021-07-27 23:42 被阅读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" 即可

相关文章

网友评论

      本文标题:onSelectStart 处理按钮快速点击选中 文字被选中

      本文链接:https://www.haomeiwen.com/subject/scefjltx.html