js绑定事件的方法

来源：互联网 2023-03-16 23:57:12 339

悬赏经验，小编半夜写代码完成，简单实现了一个通用的事件绑定，采用原生的JavaScript编写，希望能够帮助广大的初学者。由于经验里面贴代码不方便，因此小编将自己编写好的案例用截图的方式描述，如果对此有疑问，请在经验最后留言交流。谢谢！

工具/原料

小编使用的编辑器是Vs2010，其实记事本就可以，为了代码着色而已，主要是小编的vs2010正好没关闭，sublime等等都时候比较好的，废话不多说。

新建一个空的web项目（你也可以记事本新建一个txt文件，改名为html）

js绑定事件的方法

项目创建好之后，添加一个html文件

js绑定事件的方法

编写基本的html代码，这里创建了一个div和几个div的按钮，为了美观还写了一点样式

js绑定事件的方法

现在浏览器里面打开该html网页，效果出来了。（没有效果的案例都是耍流氓）

js绑定事件的方法

4此文章未经授权抓取自百度经验

重点来了，封装一个js事件绑定的通用方法，所有事件绑定都可以兼容使用，如下addEvent方法

js绑定事件的方法

绑定事件就非常简单了，biu biu

比如

点击事件addEvent(dom,"click", 回调函数);

鼠标移开事件addEvent(dom,“mouseout”, 回调函数);

键盘按下事件addEvent(dom,"keypress", 回调函数);

运行网页，按下F12,移动鼠标去点击各个按钮，可以看到触发事件的效果

js绑定事件的方法

是不是很简单，如果觉得小编的案例还可以，不要忘了点赞投票，谢谢！

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

上一篇：js怎么刷新页面跳转到指定页面下一篇：JavaScript判断div是否显示