我的button按钮的onclick事件调用JS里的方法怎么不触发

一、我的button按钮的onclick事件调用JS里的方法怎么不触发

1、一般来说，按钮的onclick事件不触发的原因通常是页面的js代码存在问题。为了测试这一问题，可以尝试移除其他js代码，只保留触发事件的代码进行测试。这样可以更清晰地判断问题所在。

2、此外，可以检查页面左下角是否显示了js错误提示。如果有错误提示，需要仔细查看错误信息，这将有助于找到问题的具体原因。常见的错误包括语法错误、变量未定义、方法调用错误等。

3、在检查错误时，可以使用浏览器的开发者工具，这通常位于浏览器设置菜单中。开发者工具提供了详细的错误信息和调试功能，可以帮助你更快地定位问题。

4、另外，确保按钮的onclick属性正确设置。例如，onclick="myFunction()"这样的语法是正确的。如果属性值是函数名而不是字符串，可能会导致事件不触发。

5、如果代码中使用了事件委托或其他高级技术，也请仔细检查这些代码部分。有时候，事件绑定可能没有正确执行，或者在某些条件下未能正确触发。

6、最后，检查页面是否加载了必要的js文件。有时候，文件加载失败或者加载顺序不当也可能导致onclick事件不触发。

二、js动态创建button并添加点击事件不生效的坑

1、在开发中，遇到一个棘手的问题：在页面刷新后，从服务器获取的数据消失，且动态创建的按钮点击事件不生效。经过一番调试，终于找出原因并找到了解决方法。

2、事件失效的原因在于：onclick事件仅对当前DOM中存在的元素有效。对于动态生成的元素，事件无法监测，自然无法绑定。使用`document.getElementsByTagName("动态生成的元素")`获取动态元素也是徒劳，因为网页在初始化时绑定事件后，动态生成的DOM元素便无法再被检测到。

3、为解决此问题，采用事件委托技术，即先给父级元素绑定onclick事件。这样，无论动态生成多少子元素，只要它们位于已绑定事件的父级元素下，点击事件都能有效触发。

4、通过这样的改进，代码得以修正，动态创建的按钮点击事件也顺利生效，问题迎刃而解。

三、怎么用onclick事件设置css中的属性

1、首先我们创建一个页面，写好一个button标签和一个提交的函数bb():。

3、我们在点击提交后移除onclick事件。

4、我们还应该在函数的末尾再恢复它。

5、当然如果你的事件很简单，你也可以直接写在onclick里面，如下面。

6、当执行这个函数的时候，就会弹出‘我执行了’，接下来我们需要在a连接中来调用它。