uni-app 怎样双击选中PHP中的变量符$一齐选中

如变量名： $abc，默认双击只能选中 "abc"，怎样实现双击自动选中 "$abc"？

zlyuanteng 1楼

更多关于uni-app 怎样双击选中PHP中的变量符$一齐选中的实战教程也可以访问 https://www.itying.com/category-93-b0.html

在 uni-app 中实现双击选中包含 $ 符号的变量，可以通过以下两种方式实现：

1. 自定义双击事件处理（推荐）

使用 @dblclick 事件配合 JavaScript 选择文本：

<template>
  <view @dblclick="selectWithDollar">$abc</view>
</template>

<script>
export default {
  methods: {
    selectWithDollar(e) {
      const range = document.createRange()
      const node = e.target.childNodes[0] // 获取文本节点
      range.selectNodeContents(node)
      
      const selection = window.getSelection()
      selection.removeAllRanges()
      selection.addRange(range)
    }
  }
}

2. 使用 CSS 伪元素（仅视觉）

如果只是需要视觉上的完整选中效果：

.variable::before {
  content: '$';
  user-select: all; /* 使伪元素也可被选中 */
}