当前位置: 首页 > 面试题库 >

模拟react元素上的click事件

逄念
2023-03-14
问题内容

我正在尝试.click()
event在React元素上模拟,但无法弄清楚为什么它不起作用(触发时它没有反应event)。

我只想使用JavaScript发布Facebook评论,但我停留在第一步(执行.click()on
div[class="UFIInputContainer"]元素)。

我的代码是:

document.querySelector('div[class="UFIInputContainer"]').click();

这是我尝试执行的网址: **https://www.facebook.com/plugins/feedback.php
…**

PS:我对React没有经验,我也不知道在技术上是否可行。这是可能的?

编辑:我正在尝试从中执行此操作Chrome DevTools Console


问题答案:

用于refs在回调函数中获取元素并使用click()函数触发点击。

class Example extends React.Component{

  simulateClick(e) {

    e.click()

  }

  render(){

    return <div className="UFIInputContainer"

    ref={this.simulateClick} onClick={()=> console.log('clicked')}>

      hello

      </div>

  }

}



ReactDOM.render(<Example/>, document.getElementById('app'))


<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id="app"></div>


 类似资料:
  • 问题内容: 该主题很好地描述了我的问题,我假设它不会以这种方式起作用,是否有办法使其起作用?(解决方法)? 这是通过AJAX加载的代码: 这是我的点击事件: 问题答案: 做这个。 要么 编辑: 从jQuery 1.7开始,不推荐使用.live()方法。 使用.on()附加事件处理程序。较旧版本的jQuery的用户应使用.delegate()。

  • 子元素有click事件,父元素有dbclick事件,想要做到快速双击子元素的时候,不要触发父元素的dbclick事件 尝试了给子元素添加阻止冒泡、return false等操作,均无效

  • 问题内容: 我在Netbeans中的Java中创建了一个表,并在其中填充了一些数据。现在,我想在单击该单元格时在与行中的特定列相对应的文本区域中显示一些详细信息。如何使用事件侦听器找出单元用户已单击的位置。 问题答案: 找到点击事件的位置并获取要搜索的单元格:

  • 问题内容: 我已经尝试通过在MapView.Marker选项卡中调用onPress方法,但是它不起作用。 这种跟踪标记点击的方法: 在render方法中,声明了Map组件以在地图上显示地图和标记。在onPress方法中,我调用了自定义方法markerClicked()。仍然我没有得到结果。 问题答案: 你只需要添加的标签。自定义标注-您可以根据需要自定义标记信息点击窗口。 我已经习惯了,这样您就可

  • 问题内容: 我正在尝试从触发元素的click事件。 通常的做法是隐藏被称为丑化的野兽,并通过其他方式触发其点击事件。 问题答案: 如果您的输入和按钮是同级(在您的情况下是OP): 使用指令将按钮的单击绑定到文件输入,如下所示:

  • 问题内容: 我有一个。 如何在双击事件中做出反应? 问题答案: