2022-02-24 函数触发其他点击事件

原创已于 2022-02-24 11:34:51 修改 · 658 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#其他 #javascript #前端 #react.js

于 2022-02-24 11:32:37 首次发布

基础同时被 2 个专栏收录

14 篇文章

订阅专栏

常见问题

12 篇文章

订阅专栏

本文介绍如何在JavaScript中实现节点①的点击同时触发节点②的点击事件，提供两种方法，包括使用`newEvent`创建事件并触发，以及在响应成功回调中调用自定义处理函数。适合前端开发者理解和实践。

很多时候我们需要点击节点①的同时触发节点②的点击事件

方法一：该方法已被弃用

const e = document.createEvent('HTMLEvents');
e.initEvent('click', true, true);
el.dispatchEvent(e);
//el未被点击的节点

方法二

const e = new Event('click', {bubbles: true, cancelable: true});
el.dispatchEvent(e);

整体：
先在函数里写入

const handleClick=()=>{
    const e = new Event('click',{bubbles:true,cancelable:true})
    document.getElementById('gobtn')?.dispatchEvent(e)
}
-------------------------------------------------------
if(response.status === 'success'){
handleClick()
}