监听微信H5弹窗调用输入法后弹窗按钮元素移位的问题

document.body.addEventListener('focusout', () => {
window.scrollTo({ top: 0, left: 0, behavior: 'smooth' })
})

现在发现有很多网站做的好看的，或者个人类型的按了F12按键后就会进行断点，这样就看不到样式，这只是个基本的防止小白扒代码的方法，记录一下，下次自己也可能用的上。

最近开发移动端，有个需求：点击退款弹出文本框和发送短信按钮，输入手机号码和验证码确定退款。

这个问题我也遇到过，在chrome中手机模式下。但是第二天再看就好了，感觉很诡异/(ㄒoㄒ)/~~

给html元素添加一个css3属性: touch-action: none;
即可解决这个问题

IOS在点击输入框弹出键盘 键盘回缩 后 定位没有相应改变
还有 textarea 也会弹出键盘
输入法关闭后会出现底部悬浮的按钮往上移动了位置。

IOS在点击输入框弹出键盘 键盘回缩 后 定位没有相应改变
还有 textarea 也会弹出键盘
$("input").blur(function() {
console.log("失去焦点");
window.scrollTo(0, 0);
});

let input = document.getElementsByTagName('input');
input.οnblur=function(){
console.log('失去焦点')
window.scrollTo(0,0);
}

background: -webkit-linear-gradient(-45deg, #caff55 20%, #45cd00 60%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;