2018-07-19

使用js动态添加点击事件时，click与onclick的区别

1、jsp代码

定义第一个添加按钮

定义一个DIV

2、js代码

3、结果

点击第一个按钮可以正常触发cilck事件，

当启用方法一时，按钮无法正常触发click事件

当启用方法二时，按钮无法正常触发click事件

当启用方法三时，按钮可以正常触发click事件

4、总结

1、在页面初始化的时候已经给定固定的id时，cilck和onclick都可以正常使用；

2、当页面动态加载一个id时，使用click将失去作用，必须使用onclick才可以正常运行；

3、element.click()这种写法不支持给动态元素或样式绑定事件。支持给动态元素绑定事件的是.live()和.on()。live在jQquery1.7后就不推荐使用了。使用.on()时注意，on前面的元素必须在页面初始化的时候就存在静态页里面，这也是为什么方法而不能正常使用的原因。