Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.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/75.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_Scroll - Fatal编程技术网

如何防止javascript中的自动顶部滚动?

如何防止javascript中的自动顶部滚动?,javascript,html,scroll,Javascript,Html,Scroll,我是Javascript的初学者,我创建了一个带有按钮的表单,允许用户添加新字段。问题是,每次用户单击按钮并添加HTML时,页面都会自动滚动到顶部 onclick="document.getElementById('test4321').insertAdjacentHTML('beforeend', b);" 请问,我怎样才能防止这种情况发生?为了更好的用户体验 提前感谢您的反馈根据您的描述,页面将重新加载 您必须防止页面默认设置 document.querySelector('yourBut

我是Javascript的初学者,我创建了一个带有按钮的表单,允许用户添加新字段。问题是,每次用户单击按钮并添加HTML时,页面都会自动滚动到顶部

onclick="document.getElementById('test4321').insertAdjacentHTML('beforeend', b);"
请问,我怎样才能防止这种情况发生?为了更好的用户体验


提前感谢您的反馈

根据您的描述,页面将重新加载

您必须防止页面默认设置

document.querySelector('yourButtonHere').addEventListener('click', function(e){ 
e.preventDefault();

document.getElementById('test4321').insertAdjacentHTML('beforeend', b);

});

谢谢您的回答,但页面不会刷新:添加新的输入字段html后,页面会滚动到顶部。您能显示更多代码吗?您是否在代码中的任何位置使用滚动条?