随心而动
随心而动
  • 发布:2024-05-30 09:52
  • 更新:2024-05-30 09:52
  • 阅读:226

input输入框选中文本时禁用移动端弹出默认的菜单(剪切、复制、全选、搜索)功能

分类:uni-app

功能需求:input输入框获取焦点后文本需要是选中状态
运行环境:安卓端微信打开网页应用
解决方案:
input监听focus,contextmenu事件
template的代码

<input type="digit" @focus="selectText()" @contextmenu="disableContextMenu()">

script的代码

methods:{  
         selectText() {  
        //选中文本  
            const input = event.currentTarget;  
        if(input.value){  
            input.select()  
        }  
    },  
       disableContextMenu(){  
            //阻止文本选中后弹出功能菜单  
           //方式一:使用preventDefault()  
        event.preventDefault()  
           //方式二:修改returnValue  
           event.returnValue=false  
      }  

}

参考资料:事件处理方法

0 关注 分享

要回复文章请先登录注册