希望用鼠标和键盘选中表格的研究
来源:互联网 发布:mac更换输入法 编辑:程序博客网 时间:2024/05/01 11:30
<html>
<body>
<table bgcolor="#FFFFFF">
<tr>
<td id="td1"> click me! </td>
<td id="td2">*********************</td>
<td id="td3"> click me too! </td>
</tr>
<tr>
<td id="td4"> aaaaa </td>
</tr>
</table>
</body>
</html>
<script language="JavaScript">
var count;
var selectObject = document.getElementsByTagName("td");
alert(selectObject.length);
for(var i=0;i<selectObject.length;i++) {
selectObject [i].onclick=doClick;
count = i;
selectObject [i].onkeydown=doKeyDown;
}
//selectObject.onclick=doClick;
var oldObj;
var obj;
var nextObj;
function doClick() {
obj = event.srcElement;
alert(obj);
if(typeof oldObj != "object") {
oldObj = obj;
} else {
clearStyle(oldObj);
}
addStyle(obj);
}
function clearStyle(oldObj) {
oldObj.style.borderLeft = "";
oldObj.style.borderRight = "";
oldObj.style.borderTop = "";
oldObj.style.borderBottom = "";
oldObj.style.padding = "";
oldObj.style.backgroundColor = "";
oldObj = obj;
}
function addStyle(obj) {
alert("a");
obj.style.borderLeft = "1px solid buttonhighlight";
obj.style.borderRight = "1px solid buttonshadow";
obj.style.borderTop = "1px solid buttonhighlight";
obj.style.borderBottom = "1px solid buttonshadow";
obj.style.padding = "1px";
obj.style.backgroundColor = "#cccccc";
oldObj = obj;
}
function addNextStyle(nextObj) {
nextObj.style.borderLeft = "1px solid buttonhighlight";
nextObj.style.borderRight = "1px solid buttonshadow";
nextObj.style.borderTop = "1px solid buttonhighlight";
nextObj.style.borderBottom = "1px solid buttonshadow";
nextObj.style.padding = "1px";
nextObj.style.backgroundColor = "#cccccc";
oldObj = nextObj;
}
function doKeyDown() {
alert("count="+count);
alert("window.event=" + window.event);
var a = window.event.keyCode;
if(a == 39) {
alert(selectObject [count+1]);
nextObj = selectObject [count];
alert (nextObj);
clearStyle(oldObj);
addNextStyle(nextObj);
}
}
</script>
希望用鼠标和键盘控制TD,结果鼠标成功了,键盘取不到触发事件的对象,备忘一下.
- 希望用鼠标和键盘选中表格的研究
- 鼠标和键盘的按键
- 键盘和鼠标的操作
- 鼠标和键盘的故事
- 用程序模拟键盘和鼠标键盘
- 用程序模拟键盘和鼠标键盘
- 用程序模拟键盘和鼠标键盘
- 用程序模拟键盘和鼠标键盘
- 用程序模拟键盘和鼠标键盘
- 鼠标移到隔行变色的表格上,有背景变化,并且点击的时候选中复选框和背景色
- 表格tr选中的样式变化和checkbox选中事件
- 用C#程序实现键盘和鼠标的模拟
- 用C#程序实现键盘和鼠标的模拟
- 屏蔽键盘和鼠标的一些操作
- Java控制鼠标和键盘的方法
- Java控制鼠标和键盘的方法
- 鼠标和键盘的事件捕获增强
- 笔记:JS键盘和鼠标的事件
- 六个苹果的故事
- tomcat6数据库连接池的配置
- 正在处理
- Dojo 日期控件的国际化和集成
- MySQL主键删除/添加
- 希望用鼠标和键盘选中表格的研究
- BCD码介绍
- Delphi出现内存访问出错的一般原因
- 上海 和 上海的花儿
- 【转】CxImage的简单用法
- vc com理论知识
- Oracle9i调用WebService
- 一些FCKEDITOR的属性设置
- asp.net 启动进程