JS函数名为click时遇到的问题

JS点击事件陷阱

转载于 2016-07-25 15:40:00 发布 · 113 阅读

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/swmhxhs/blog/717771

文章标签：

本文通过一个具体的例子展示了在JavaScript中为HTML元素绑定点击事件时可能遇到的问题。特别是当自定义函数名与内置对象冲突时，可能导致函数无法正常调用。文章提供了一个避免此类问题的方法。

自己写代码时遇到的坑

<button onclick="click(this)">点击</button>

function click(btns){//函数未被调用，因为挤占了JS自定义函数名
       console.log(btns);
 }

<button onclick="clickIt(this)">点击</button>

function clickIt(btns){//函数调用成功
        
       console.log(btns);
}

转载于:https://my.oschina.net/swmhxhs/blog/717771