`
bobshute
  • 浏览: 279815 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

取当前页面鼠标的地址.html

    博客分类：
  • jsp
HTMLXHTML 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>

<script>
function mouseMove(ev)
{
 ev= ev || window.event;
  var mousePos = mouseCoords(ev);
  //alert(ev.pageX);
      document.getElementById('xxx').value = mousePos.x;
      document.getElementById('yyy').value = mousePos.y;
}

function mouseCoords(ev)
{
 if(ev.pageX || ev.pageY){
   return {x:ev.pageX, y:ev.pageY};
 }
 return {
     x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
     y:ev.clientY + document.body.scrollTop     - document.body.clientTop
 };
}

document.onmousemove = mouseMove;
</script>
Mouse X Position:
<input id=xxx type=text>
<br>Mouse Y Position:
<input id=yyy type=text>

 <input type="button" name="button1" value="按钮1" onclick=""/>
  <input type="button" name="button2" value="按钮2"/>


</body>

 

分享到：
| 【转】身体求救信号！好好珍惜生命！
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS效果打包下载-自己整理的一些网站常用JS效果2

    39.显示当前分辨率.html 40.页面右下角弹出提示消息.html 41.用CSS+JS控制Li背景颜色交替.html 42.用css实现简单的进度条.html 43.在同一页面设置不同文字链接效果的样式.html 44.支持按键盘方向键实现翻页跳转的...

    JavaScript完全自学宝典 源代码

    12.3.html 在当前页面中嵌入CSS样式文件。 12.4.html JavaScript实现动态更改元素的CSS样式。 12.5.html JavaScript实现批量更改CSS样式。 12.6.html JavaScript使用CSS模拟图片的圆角效果。 style...

    基于HTML+CSS实现的可交互照片墙Web页面.zip

    点击照片，可以在当前页面上方显示一个新的图层，其中显示这张照片的更大尺寸的图片。点击图层的其它位置可以隐藏该图层 可以向照片墙中添加照片 可以删除照片墙中的照片 可以替换照片墙的照片 页面要具有很好的过渡...

    jQuery鼠标悬停逐渐加载遮罩阴影效果

    默认遮罩层隐藏，鼠标移动到当前图片上后显示 鼠标移走后遮罩层消失 使用方法： 1、将index.html中的css样式复制到你需要的地方 2、将body中的html代码以及jQuery代码引入到你页面body结束前即可 ...

    编译的 HTML 帮助文件 (.chm) DHTML手册

    referrer 获取将用户引入当前页面的位置 URL。 uniqueID 获取为对象自动生成的唯一标识符。 URL 设置或获取当前文档的 URL。 URLUnencoded 获取文档的 URL，去除所有字符编码。 vlinkColor 设置或获取用户已访问...

    点击按钮复制内容.html

    方法一：选中bai需要复制的du文字，右键选择复制zhi，然后dao保存到需要的文本格式中即可内。...方法三：鼠标右键，查看网页源代码，选中需要复制的文字进行复制。 百度百科中的文字、图片、格式均可以复制保存

    JSP实用技巧集合，jsp编程的一些小技巧总结

    17. 按地址取图片？ 18. JSP中如何上传图片到数据库字段？ 19. 页面自动刷新？ 20. 表单自动提交？ 21. 从JSP传数据的到JAVABEAN里? 22. weblogic 数据池连接? 数据源 JNDI名字 mysource 23. 三级下拉列表框联动菜单...

    价值2000元的苹果cms电影网站后台带采集源码PHP,电影网站源码.rar

    html元素ID为history： 自动设置为鼠标移动滑入滑出 显示隐藏 历史记录。 html元素ID为wd： 自动设置联想搜索功能。 延迟加载图片： img元素不要使用src调用图片地址，而是用data-original。 [vod:pic]" src="{...

    2018年12月统考计算机应用基础-Internet应用.doc

    当前页面将关闭 C.将打开新的页面 D.将返回到主页 答案：B 14、把新浪网站连到自己个人网站上需要______。 A.ftp超链接 B.www超链接 C.email超链接 D.bbs超链接 答案：B 15、HTML是我们通常所说的________。 A.统一...

    MicrosoftHTMLHelpWorkshopV1.3汉化版.rar

    按［Insert a heading］按钮，会弹出一个询问是否在所选标题上面插入标题的对话框，我们按“否”，在［Entry title］输入页面标题“准备”，并按［Add］指定对应的 HTML 文件，返回后就又加了一个标题。 在标题...

    WEB前端助手(FeHelper)_v2019.09.0320.crx

    二维码生成器（支持当前页面、图片、链接、选中的文字生成QrCode） 二维码解码器（支持网页二维码右键解码） 简易Postman（Api接口测试，模拟HEAD/GET/POST方式） 网页滚动截屏（将当前整个网页转为图片并保存） ...

    Apress.Pro.WPF.in.C.Sharp.2008.2nd.Edition.Feb.2008

    3.2.2 访问当前Application对象 55 3.2.3 在窗口之间进行交互 56 3.2.4 单实例应用程序 57 3.3 结束语 63 第4章 布局 64 4.1 理解WPF中的布局 64 4.1.1 WPF布局原则 65 4.1.2 布局过程 66 4.1.3 布局包容器 66 4.2 ...

    HTML5点击放大图片的图片展示特效.rar

    HTML5点击放大图片的图片展示特效，鼠标放在图片上，会显示出文字描述，若点击图片，则在当前页无刷新放大图片显示，类似Lightbox图片显示效果。本代码中可以设置点击直接显示原图，如果移动至下面则IE浏览器报错，...

    html入门到放弃笔记

    2、域名(主机名，IP地址) www.codeboy.com 3、目录路径 img/header 4、文件名 logo.png http://www.codeboy.com/img/header/logo.png img/header/logo.png 2、相对路径(重点) 场合：使用本机文件时使用 ...

    flash shiti

    getURL表示使浏览器浏览到指定页面 B. gotoAndPlay表示跳转到指定帧并播放 C. gotoAddStop表示跳转到指定帧并停止播放 D. loadMovie表示引入一个外部电影到指定层 37.比较运算符分为哪几种？ A. 数值比较...

    非常好的html+css+js网页设计项目资源，分享出来.zip

    通过a标签超链接组成，鼠标划过会有颜色变化，导航栏用无序列表ul更方便简洁。点击登录、注册分别跳转到另一页面。 &lt;div class="box"&gt; &lt;!--一个大盒子--&gt; ;"&gt;登录&lt;/a&gt; &lt;!--登录--&gt; | ;"&gt;注册...

    Echarts 实现树状图的展示与编辑示例

    重要的页面html文件,echart_demo.html 功能说明： 当鼠标移动到节点上时，会有节点描叙信息提示框。 当在节点处右键时，会弹出右键编辑菜单。 当鼠标单击节点以外区域时，会隐藏右键编辑菜单。 节点动作包含： 增加...

    带缩略图的纯JSt图片浏览器

    1.带缩略图，鼠标悬停于缩略图时，缩略图将变亮，离开时将变暗；当前显示的缩略图比其他缩略图亮。 ... 3.鼠标悬停于大图时将显示向左或向右...内带示例HTML文件，演示地址http://www.xsborts.com/article/04/2081.html

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    添加一个RSS地址时，自动保存到数据库。打开阅读RSS时，自动获取最新的RSS内容，而无需刷新页面。 /RSSReader.jsp RSS阅读器 /rss.js JavaScript脚本文件 第25章（/ch25） 程序描述：本章将仿照...

Magicbox
Global site tag (gtag.js) - Google Analytics