Javascript 防止输入元素出现模糊行为
Javascript 防止输入元素出现模糊行为,javascript,html,preventdefault,Javascript,Html,Preventdefault,document.body.querySelector(“输入”).addEventListener(“模糊”, 职能(e){ e、 预防默认值() }); 输入的模糊事件上的preventDefault()不会阻止滚动。实际上,您需要做的是在模糊发生时捕获输入的scrollLeft位置,然后在浏览器尝试进行滚动后强制重置它。请参阅下面的代码片段 在模糊上,我们捕获输入的当前滚动左。接下来,我们重置窗口中包装的scrollLeft位置。setTimeout()以确保浏览器等待呈现排队的更改 d
document.body.querySelector(“输入”).addEventListener(“模糊”,
职能(e){
e、 预防默认值()
});代码>
输入的模糊事件上的preventDefault()
不会阻止滚动。实际上,您需要做的是在模糊发生时捕获输入的scrollLeft
位置,然后在浏览器尝试进行滚动后强制重置它。请参阅下面的代码片段
在模糊上,我们捕获输入的当前滚动左
。接下来,我们重置窗口中包装的scrollLeft
位置。setTimeout()
以确保浏览器等待呈现排队的更改
document.body.querySelector(“输入”).addEventListener(“模糊”,函数(事件){
var scrollLeft=event.target.scrollLeft;
setTimeout(函数(){
event.target.scrollLeft=scrollLeft;
}, 0);
},假)代码>
谢谢您的编辑@nem035您对jQuery满意吗?不客气,朋友。查看并查看它链接到的问题,以获取与您的问题相关的信息