JavaScript动态事件以及闭包问题的解决

最新推荐文章于 2022-06-05 00:34:25 发布

程序员长弓

最新推荐文章于 2022-06-05 00:34:25 发布

阅读量1.7k

点赞数

分类专栏： JavaEE&Web 文章标签： javascript function html table

本文链接：https://blog.csdn.net/M_ChangGong/article/details/4274403

版权

JavaEE&Web 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

转载请注明:来自http://blog.csdn.net/M_ChangGong/ 作者:张燕广

关键字：JavaScript 动态事件闭包

本文简单JavaScript动态事件，以及在使用动态事件时解决JavaScript闭包问题（“闭包”这个词是从网上看到，不知道是否准确）。

需求描述：当鼠标移动到行上时该行背景色高亮显示，鼠标移开时背景色恢复正常。

1. 下面的实现不涉及JavaScript动态事件，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">.trBC { background:red; /*这个将是鼠标高亮行的背景色*/ }</style> <mce:script language="JavaScript1.2"></mce:script> </head> <body> <center> <table id="mytable"> <tr οnmοuseοver="setBC(this);" οnmοuseοut="removeBC(this);"> <td>aaaaaa</td> <td>bbbbbb</td> </tr> <tr οnmοuseοver="setBC(this);" οnmοuseοut="removeBC(this);"> <td>cccccc</td> <td>dddddd</td> </tr> </table> </center> </body> </html>

2. 如果展示页面使用了展示组件（比如：Displaytag），那么页面内就没有<tr>这样的标签，只有生成HTML源代码时才会有<tr>，这种情况下需要使用JavaScript动态事件。

代码如下（该代码有问题）：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">.trBC { background:red; /*这个将是鼠标高亮行的背景色*/ }</style> <mce:script language="JavaScript1.2"></mce:script> </head> <body οnlοad="setBC();"> <center> <table id="mytable"> <tr> <td>aaaaaa</td> <td>bbbbbb</td> </tr> <tr> <td>cccccc</td> <td>dddddd</td> </tr> </table> </center> </body> </html>

3. 上面示例中问题的解决方法：

将上面JavaScript方法修改为如下所示：

程序员长弓

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript动态事件以及闭包问题的解决

转载请注明:来自http://blog.csdn.net/M_ChangGong/ 作者:张燕广关键字：JavaScript 动态事件闭包本文简单JavaScript动态事件，以及在使用动态事件时解决JavaScript闭包问题（“闭包”这个词是从网上看到，不知道是否准确）。需求描述：当鼠标移动到行上时该行背景色高亮显示，鼠标移开时背景色恢复正常。1. 下面的实现不涉及
复制链接

扫一扫