功能需求: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 个评论
要回复文章请先登录或注册