<!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
4647
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
3月前
|
JavaScript
算法
开发者
如何用JS实现在网页上通过鼠标移动批量选择元素的效果？
本文介绍了类似电脑桌面通过鼠标选择多个图标的实现原理。主要通过监听mousedown、mousemove和mouseup事件，动态调整选择框大小并计算与元素的重叠情况。提供了角重叠和相交重叠的检测方法，并附有示例代码和在线演示链接，方便开发者参考与测试。
149
56
56
|
4月前
|
数据采集
前端开发
JavaScript
金融数据分析：解析JavaScript渲染的隐藏表格
本文详解了如何使用Python与Selenium结合代理IP技术，从金融网站（如东方财富网）抓取由JavaScript渲染的隐藏表格数据。内容涵盖环境搭建、代理配置、模拟用户行为、数据解析与分析等关键步骤。通过设置Cookie和User-Agent，突破反爬机制；借助Selenium等待页面渲染，精准定位动态数据。同时，提供了常见错误解决方案及延伸练习，帮助读者掌握金融数据采集的核心技能，为投资决策提供支持。注意规避动态加载、代理验证及元素定位等潜在陷阱，确保数据抓取高效稳定。
111
17
17
|
8月前
|
数据采集
存储
监控
实现自动化数据抓取：使用Node.js操控鼠标点击与位置坐标
本文介绍了如何使用Node.js和Puppeteer实现自动化数据抓取，特别是针对新闻网站“澎湃新闻”。通过设置代理IP、User-Agent和Cookie，提高爬虫的效率和隐蔽性，避免被网站封锁。代码示例展示了如何模拟鼠标点击、键盘输入等操作，抓取并整理新闻数据，适用于需要规避IP限制和突破频率限制的场景。
370
10
10
|
8月前
|
JavaScript
|
11月前
|
JavaScript
前端开发
|
11月前
|
JavaScript
前端开发
Java
JavaScript内存泄露大揭秘！你的应用为何频频“爆内存”？点击解锁救星秘籍！
【8月更文挑战第23天】在Web前端开发中，JavaScript是构建动态网页的关键技术。然而，随着应用复杂度增加，内存管理变得至关重要。本文探讨了JavaScript中常见的内存泄露原因，包括意外的全局变量、不当使用的闭包、未清除的定时器、未清理的DOM元素引用及第三方库引发的内存泄露。通过了解这些问题并采取相应措施，开发者可以有效避免内存泄露，提高应用性能。
147
1
1
|
10月前
|
JavaScript
前端开发
|
11月前
|
JavaScript
Java
|
11月前
|
JavaScript
前端开发
Next js：点击登录显示登录表单，点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例，包括创建`authform.tsx`组件和在页面组件中引入使用的方法。
191
0
0
|
JavaScript
前端开发
热门文章
最新文章
1
银行流水生成器在线制作，银行流水虚拟生成器app，h5+js+css【仅供学习用途】
2
仿真银行app下载安装， 银行卡虚拟余额制作app，用html+css+js实现逼真娱乐工具
3
处方单图片生成器， 处方单在线制作免费，js+css+html恶搞神器
4
Node.js中发起HTTP请求的五种方式
5
病历单生成器在线制作，病历单生成器app，HTML+CSS+JS恶搞工具
6
征信报告修改器，征信报告生成器，制作软件无痕修改软件【js+html+css】
7
抖音快手小红书虚拟评论截图生成器，模拟对话制作工具，html+js+css
8
个人征信PDF无痕修改软件，个人征信模板可编辑，个人征信报告p图神器【js+html+css仅供学习用途】
9
制作b超单生成器， 假怀孕b超单图片制作， p图医院证明【css+html+js装逼恶搞神器】
10
医院检查单子p图软件，在线制作仿真病历，js+css+html装逼神器
1
精选HTML、JavaScript、ASP代码片段集锦
35
2
仿真银行app下载安装， 银行卡虚拟余额制作app，用html+css+js实现逼真娱乐工具
199
3
个人征信电子版无痕修改， 个人信用报告pdf修改，js+html+css即可实现【仅供学习用途】
70
4
个人征信PDF无痕修改软件，个人征信模板可编辑，个人征信报告p图神器【js+html+css仅供学习用途】
169
5
征信报告修改器，征信报告生成器，制作软件无痕修改软件【js+html+css】
191
6
银行流水生成器在线制作，银行流水虚拟生成器app，h5+js+css【仅供学习用途】
523
7
制作b超单生成器， 假怀孕b超单图片制作， p图医院证明【css+html+js装逼恶搞神器】
116
8
医院检查单子p图软件，在线制作仿真病历，js+css+html装逼神器
70
9
处方单图片生成器， 处方单在线制作免费，js+css+html恶搞神器
192
10
病历单生成器在线制作，病历单生成器app，HTML+CSS+JS恶搞工具
191