javascript - 如何在尚不存在的按钮上使用功能

标签 javascript wordpress

很抱歉打扰您,但我需要建议。所以这是我的问题:

我有一个包含一个按钮的页面,我们将其称为 BoutonA。

当我单击 BoutonA 时,会创建第二个按钮,我们将其称为 BoutonB。

我在 WordPress 上使用 Javascript 工作,如果这可以帮助你!

我想在单击 BoutonB 时启动一个功能。问题是当脚本启动时,BoutonB 还不存在。 这是一个小图,希望你喜欢我的绘画技巧 schema

这是我的尝试:

while(document.body.contains(BoutonB)){

   openStream()
}
if (boutonB.length < 1) {

  console.log("don't work");
}
else {

  openStream()
}

非常感谢您的帮助! 我是学JS的,如果大家有什么建议,我会采纳的! 快乐编码!

最佳答案

你可以这样做,希望这个答案能帮助你。

document.addEventListener('click',function(e){
    if(e.target && e.target.id== 'button-b'){
          //do something
          openStream();
    }
});

关于javascript - 如何在尚不存在的按钮上使用功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60448436/

相关文章:

Wordpress - 标准小部件中的 the_title() 限制字符

wordpress - 在Wordpress中获取菜单和子菜单的项目

css - Font Awesome 图标是否适用于 Google App Engine 环境?

javascript - 如何使用正则表达式替换所有出现的字符,除非该字符包含在单词中

javascript - 如何在 AngularJS 中使用 ng-repeat 循环过滤器?

javascript - 使用对象文字表示法根据另一个属性设置属性的值

javascript - 刷新附加 SDK 中的 contenturl

javascript - JavaScript 数据可以附加到 HTML 元素吗?

javascript - Wordpress 找不到文件

使用 GET 变量重写 WordPress URL