<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/laydate-v1.1/laydate/laydate.js"></script>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<meta charset="utf-8" />
<title>BINGO</title>
<style type="text/css">
body,
html {
background: white;
padding: 0px;
margin: 0px;
font-size: 45px;
color: red;
text-align: center;
}
th,
td {
width: 100px;
}
</style>
<script type="text/javascript">
window.onload = function() {
for (var i = 0; i < 24; i++) {
document.getElementById("square" + i).innerHTML = Math.floor(Math.random() * 75) + 1;
}
document.onmousedown = function(e) { //点击获取表格中的值
alert(e.target.innerHTML)
}
}
</script>
</head>
<body>
<input id="hello" class="laydate-icon">
<script>
laydate.skin('molv');
laydate({
// istime: true,
istoday: false,
min: laydate.now(), //设定最小日期为当前日期
elem: '#hello', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
event: 'focus' //响应事件。如果没有传入event，则按照默认的click
});
</script>
<table border="1px" id="table1">
<tr>
<th>B</th>
<th>I</th>
<th>N</th>
<th>G</th>
<th>O</th>
</tr>
<tr>
<td id="square0"> </td>
<td id="square5"> </td>
<td id="square10"> </td>
<td id="square14"> </td>
<td id="square19"> </td>
</tr>
<tr>
<td id="square1"> </td>
<td id="square6"> </td>
<td id="square11"> </td>
<td id="square15"> </td>
<td id="square20"> </td>
</tr>
<tr>
<td id="square2"> </td>
<td id="square7"> </td>
<td id="free">Free</td>
<td id="square16"> </td>
<td id="square21"> </td>
</tr>
<tr>
<td id="square3"> </td>
<td id="square8"> </td>
<td id="square12"> </td>
<td id="square17"> </td>
<td id="square22"> </td>
</tr>
<tr>
<td id="square4"> </td>
<td id="square9"> </td>
<td id="square13"> </td>
<td id="square18"> </td>
<td id="square23"> </td>
</tr>
</table>
<p><a href="script01.html" id="reload">Click here</a> to create a new card</p>
</body>
</html>
JS 获取鼠标所点击表格中的某行某列的值
2015-12-03
4557
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
27天前
|
JavaScript
前端开发
|
2月前
|
JavaScript
前端开发
|
12天前
|
JavaScript
前端开发
BI
|
19天前
|
JavaScript
|
21天前
|
JavaScript
前端开发
|
26天前
|
JavaScript
|
27天前
|
JSON
前端开发
JavaScript
|
29天前
|
JavaScript
前端开发
|
1月前
|
JavaScript
|
1月前
|
前端开发
JavaScript
热门文章
最新文章
1
JavaScript 权威指南第七版（GPT 重译）（六）(4)
2
JavaScript 权威指南第七版（GPT 重译）（三）(1)
3
JavaScript 权威指南第七版（GPT 重译）（二）(1)
4
JavaScript 权威指南第七版（GPT 重译）（四）(4)
5
JavaScript 权威指南第七版（GPT 重译）（七）(1)
6
JavaScript 权威指南第七版（GPT 重译）（六）(3)
7
JavaScript 权威指南第七版（GPT 重译）（三）(2)
8
报错/ ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2)怎么解决？
9
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“；”分号（JavaScript、TypeScript格式化）
10
前端最常见的JS面试题大全
1
JavaScript字符串检查：从基础到高级
28
2
使用 JavaScript 获取 URL 参数的详细指南
842
3
监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
133
4
Java Script 中的垃圾回收机制有哪些缺点
16
5
描述 JavaScript 中的垃圾回收机制。
21
6
如何使用 JavaScript 操作 DOM？
19
7
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
22
8
JavaScript 中的数组方法有哪些？
11
9
JS设置日期为0时0分0秒
32
10
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
27