Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.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_Reactjs_Semantic Ui_Semantic Ui React - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 语义用户界面反应-如何防止在表单中按按钮时滚动所需的输入？

Javascript 语义用户界面反应-如何防止在表单中按按钮时滚动所需的输入？

javascript reactjs

Javascript 语义用户界面反应-如何防止在表单中按按钮时滚动所需的输入？,javascript,reactjs,semantic-ui,semantic-ui-react,Javascript,Reactjs,Semantic Ui,Semantic Ui React,我试图防止在表单中按下按钮时页面滚动，而表单需要输入内容 要了解我的意思，请将右侧的查看器一直向下滚动并按下按钮，它应该将视图一直向上滚动到所需的输入字段 我需要一种方法来防止这种情况，我已经尝试为事件添加侦听器，例如onScroll或onClick。我找到的最接近解决方案是在文档上为滚动事件添加一个侦听器，并停止事件的传播，但是这也会阻止用户正常滚动。找到了解决方案 将type='button'添加到按钮可防止该行为 所示样本

我试图防止在表单中按下按钮时页面滚动，而表单需要输入内容

要了解我的意思，请将右侧的查看器一直向下滚动并按下按钮，它应该将视图一直向上滚动到所需的输入字段

我需要一种方法来防止这种情况，我已经尝试为事件添加侦听器，例如
onScroll
或
onClick
。我找到的最接近解决方案是在文档上为
滚动
事件添加一个侦听器，并停止事件的传播，但是这也会阻止用户正常滚动。
找到了解决方案

将
type='button'
添加到按钮可防止该行为

所示样本