html中模拟光标悬停事件,HTML 事件 -- 鼠标移入高亮显示

|

需求：

鼠标移入某个单元格时高亮显示该格。(实例报表中同时设有隔行变色)

下面以润乾报表 5 自带报表实例【订单.rpx】为例，实现 鼠标移入高亮显示

实现如上需求需要单元格 HTML 事件 + 自定义 js 方法结合使用, 下面我们对 A2 单元格设置鼠标移入高亮显示

1. 在报表展现界面中定义 js 方法：

function MIC(cell){

cell.style.backgroundColor="red";

}

function RMC(cell){

var row =cell.parentNode.rowIndex;

if (row%2!=0){

cell.style.backgroundColor="rgb(241,245,250)";

}

else

{cell.style.backgroundColor="";}

}

注：此代码放在 jsp 界面最后标签下即可

2. 报表中给 A2 单元格定义 HTML 事件  如下图：

设置后确认保存  鼠标移入移出效果如下图：

|