JavaScript 动态修改元素 onclick 事件处理函数

作者:流萤

时间:2026-10-26

浏览:91

本文介绍如何在JavaScript中动态修改HTML元素的onclick事件处理函数。通过直接赋值新的函数引用,可以替换原有的点击行为,实现点击后执行不同逻辑的功能。

文章目录

动态修改onclick事件示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>javascript 动态改变onclick事件触发函数代码</title>  </head> <body> <p id="name" onclick="oc()">原来的方法</p> <div id="divname" onclick="of()">通过点击,改变原来的方法的执行</div> </body> </html> 

注意:若引入外部JavaScript文件,需刷新页面后方可生效。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章