Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 防止输入元素出现模糊行为_Javascript_Html_Preventdefault - Fatal编程技术网

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满意吗?不客气,朋友。查看并查看它链接到的问题,以获取与您的问题相关的信息