在移动端开发中,input输入框获取到焦点弹出键盘,输入完成后,再次点击会发现input获取不到焦点,因为输入框改变了页面的高度,影响了对应的位置,所以这个时候点击时处发不到对应的事件
输入的结束的时候根据滚动页面去解决这个问题
<template>
<input type="text" @blur="handle" />
<template>
<script>
export default {
methods: {
handle() {
document.documentElement.scrollTop = document.body.scrollTop = 0;
},
}
}
</script>
网友评论