HTML网页设计中怎么获得显示光标坐标值
2017-08-01 18:09
260 查看
HTML网页设计中怎么获得显示光标坐标值
新建.txt文件,编写代码如下:
<html>
<head>
<script type="text/javascript">
function zuobiao(event)
{
xzb=event.clientX
yzb=event.clientY
alert("X 坐标: " + xzb + ", Y 坐标: " + yzb)
}
</script>
</head>
<body OnMouseDown="zuobiao(event)">
<p>打开网页后点击任意位置,会弹出窗口显示鼠标点击位置的 x 和 y 坐标。</p>
</body>
</html>
保存代码内容为html网页,然后预览测试效果
新建.txt文件,编写代码如下:
<html>
<head>
<script type="text/javascript">
function zuobiao(event)
{
xzb=event.clientX
yzb=event.clientY
alert("X 坐标: " + xzb + ", Y 坐标: " + yzb)
}
</script>
</head>
<body OnMouseDown="zuobiao(event)">
<p>打开网页后点击任意位置,会弹出窗口显示鼠标点击位置的 x 和 y 坐标。</p>
</body>
</html>
保存代码内容为html网页,然后预览测试效果
相关文章推荐
- html中怎么自动获得搜索文本框的光标焦点
- 怎么在HTML网页的浏览器标题栏显示小图标
- 怎么把js获得的list数据加上链接定向显示在HTML中,并且点击对应内容会访问链接内容
- nodejs怎么把html以源码的形式在网页中显示了,而不是解析它。
- 手机网页设计怎么控制在不同的手机上显示的字体大小自动变化
- javascript 网页设计 怎么在同一位置显示几张不同的图片(图片自动变换)
- 网页搜索栏不能输入字符, 没有光标显示怎么解决
- HTML与CSS教学-第一章 HTML、CSS网页设计概述
- Winform禁止容器内控件获得焦点时改变容器显示范围坐标
- 怎么将获得的字符串解析并动态显示在下拉列表
- 只要你遵循W3C标准来编写HTML,你的网页将永远能在所有浏览器上显示出来
- html 网页文本设计
- HTML网页开发中设计到回退功能的取消实现方案
- js获得指定控件光标的坐标,兼容IE,Chrome,火狐等多种主流浏览器
- 手机web——自适应网页设计(html/css控制) - 51CTO.COM
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第32讲_构造函数_成员函数详解_学习笔记_源代码图解_PPT文档整理
- App中显示html网页
- "自适应网页设计"到底是怎么做到的?其实并不难。
- HTML 5网页设计入门必读(书)
- 手机web——自适应网页设计(html/css控制)