`

js设置表格行的单击、鼠标移动事件,光棒效果

    博客分类:
  • js
阅读更多
var setTable = function(table_id) {
	var table = document.getElementById(table_id);
	var rows = table.getElementsByTagName("tr");
	for (i = 1; i < rows.length; i++) {// 0 is start
		var srcBgColor = null;//rows[i].style.backgroundColor;
		rows[i].onmouseover = function() {
			srcBgColor = this.style.backgroundColor;
			this.style.backgroundColor = 'red';
		};
		rows[i].onmouseout = function() {
			// this.style.backgroundColor = '';
			this.style.backgroundColor = srcBgColor;
		};
		// this.className='selectedRow' 
		rows[i].onclick = function() {
			//var cell = this.getElementsByTagName("td")[1];// 0 is start
			//var entryId = cell.firstChild.nodeValue;
			var entryId = this.cells[1].innerText;
			location.href = '${basePath}bill/bill!retrieveByEntryId.action?bill.entryId=' + entryId;
			this.style.cursor = "wait";
		}

	}
}

window.onload = function() {
	init();
	setTable("bm");
}
分享到:
评论

相关推荐

    选中表格后单击可对表格进行编辑

    "单独设置单击可编辑表格"可能是指在某些应用程序或自定义组件中,可以开启或关闭这一功能。例如,一个管理员可能希望在某些情况下禁止用户编辑表格,这时就可以通过设置来控制表格是否可编辑。 总的来说,"选中...

    layui的表格table选中数据后更改本行的颜色

    总的来说,实现layui表格选中行变色的功能,主要涉及JavaScript事件监听、DOM操作以及CSS样式设置。在前后端分离的项目中,前端通过调用后端API获取数据并渲染到表格。理解并熟练运用这些技术,能帮助你更好地利用...

    键盘方向键移动表格中的光标(包含鼠标选择)

    单击鼠标左键可以在表格中定位光标,而拖动鼠标则可以快速选择一个矩形区域。这种选择方式适用于需要同时操作多个不相邻单元格的情况,只需按住鼠标左键不放,从选区的起始位置拖动到结束位置即可。若需取消当前选区...

    表格列自由拖动排序js代码

    在这个例子中,JS代码处理了鼠标事件,如`mousedown`(鼠标按下)、`mousemove`(鼠标移动)和`mouseup`(鼠标释放),来检测用户是否正在尝试拖动列。 在实现拖动排序时,代码首先会检测到列头被长按时触发`...

    双击表格连接到另一页/改变颜色/行随鼠标变色

    ### 行随鼠标移动改变颜色 #### 功能介绍 当鼠标悬停在 DataGrid 的某一行上时,该行背景色会发生变化,以提高用户体验。此功能同样可以通过 `ItemDataBound` 事件来实现。 #### 实现步骤 1. **事件绑定**:同上...

    鼠标点击展开关闭层效果.rar

    这种效果常用于网站的菜单、折叠面板、弹出窗口等元素,允许用户通过单击鼠标来显示或隐藏特定内容层,提升网页的交互性和用户体验。 在描述中,“鼠标点击展开关闭层效果”意味着当用户点击某个元素时,一个隐藏的...

    JS改变GridView行颜色

    在本案例中,主要涉及的是如何使用JavaScript与ASP.NET中的GridView控件进行交互,实现鼠标移动时行颜色的变化以及加载时奇偶行颜色不同的效果。 ### 2. JavaScript函数详解 #### 函数定义: ```javascript ...

    程序天下:JavaScript实例自学手册

    9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态...

    js事件大全汇总111

    - 描述:当用户单击鼠标左键时触发此事件。 2. **`onDblClick`**:当用户双击一个元素时触发。 - 支持版本:IE4 | Netscape4 | Opera - 描述:当用户双击鼠标左键时触发此事件。 3. **`onMouseDown`**:当用户...

    JS中包涵的事件分类

    JavaScript(简称JS)作为前端开发的核心技术之一,广泛应用于网页交互设计与动态效果实现。为了更好地理解和应用JS事件,本文将详细介绍JS中的各种事件及其应用场景。 #### 1. 鼠标事件 (Mouse Events) 鼠标事件...

    javascript 触发事件列表

    当用户单击鼠标按键时触发的事件。通常,在HTML元素上定义`onclick`属性,该属性指定一个事件处理程序或一段代码,当点击事件发生时,这段代码将会被执行。 **示例:** ```html 打开页面" onclick="window.open('...

    javascript网页特效实例大全

    5.11 单击鼠标右键打开网站 109 5.12 跟着鼠标的烟花 109 5.13 跟随鼠标的时钟 111 5.14 屏蔽鼠标右键 115 5.15 跟随鼠标的滚动字幕 116 5.16 鼠标悬停打开新的页面 117 5.17 鼠标的指针踪迹效果 118 5.18 ...

    JavaScript网页特效范例宝典源码

    实例182 单击鼠标右键自动链接到指定网站 283 实例183 单击超级链接将本页加入收藏夹 285 实例184 访问指定的链接地址 286 实例185 返回默认主页 287 实例186 导航链接 289 6.3 超级链接特效 291 实例187 快速闪动...

    javascript 的事件

    ### JavaScript 事件详解 #### 一、概述 JavaScript 作为一种常用的客户端脚本语言,在网页交互设计方面发挥着至关重要的作用。通过使用 JavaScript 的事件处理机制,开发者能够为网页中的元素添加响应用户操作的...

    HTML控件事件一览表

    - **`onclick`**:用户单击鼠标时触发。 - **`ondblclick`**:用户双击鼠标时触发。 - **`onmousedown`**:按下鼠标按钮时触发。 - **`onmouseup`**:释放鼠标按钮时触发。 - **`onmousemove`**:鼠标移动时触发。 -...

    静态网页设计五之添加行为特效.pdf

    例如,可以使用javascript脚本代码来实现鼠标悬停事件的触发,或者使用javascript脚本代码来实现点击事件的触发。 添加行为特效是静态网页设计的重要一步骤,需要掌握层布局网页的方法、了解行为的概念、各种行为的...

    超实用的jQuery代码段

    1.25 实现文字跟随鼠标移动变化的动画效果 1.26 文本域中光标的定位 1.27 实现可折叠效果 1.28 文本框内容自动缩进 1.29 禁止页面滚动的方法 1.30 页面加载后消息框居中显示 1.31 创建页面固定浮动栏的方法 第2章 ...

    《JavaScript实例精通》[源代码]

    示例描述:JavaScript的鼠标事件和键盘事件。 7_1.htm 按钮的鼠标单击事件。 7_2.htm 用鼠标点亮文本。 7_3.htm 渐显图片。 7_4.htm 跟随鼠标的图片。 7_5.htm 跟随鼠标的*。 7_6.htm 跟随鼠标的文字。 ...

Global site tag (gtag.js) - Google Analytics