- 浏览: 132063 次
- 性别:
- 来自: 未来
文章分类
- 全部博客 (174)
- Eclispe (3)
- javaScript (33)
- SVG学习 (22)
- Java (21)
- 网站 (12)
- learn English (1)
- 文档 (25)
- 常用网站收录 (11)
- struts (6)
- 常用API (1)
- html (2)
- jsp (2)
- spring (2)
- IDE (1)
- 数据结构 (1)
- JDBC (2)
- html + css (1)
- xml (3)
- 心声 (1)
- Axis2 (1)
- svg (4)
- webService (2)
- unix (2)
- c/c++ (3)
- html5 (1)
- Android (2)
- Jet标签 (1)
- oracle (2)
- 工具 (1)
- ideas (0)
- lean plan (1)
- java技术网站,信息收集综合及分类 (0)
最新评论
-
calosteward:
感谢博主对svg convert to PDF资源的分享。我也 ...
How to Convert a SVG File to PDF Format -
long316:
fhhhh
WinArchiver 2.7 -
long316:
ddddd
WinArchiver 2.7
document.elementFromPoint(x,y)可以获得x和y坐标处的元素的引用;
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<script>
function create_a(evt)
{
alert(123);
var left = evt.screenX;
var top = evt.screenY;
var client_x = evt.clientX;
var client_y = evt.clientY;
alert("left="+left);
alert("top="+top);
alert("client_x=" + client_x);
alert("client_y=" + client_y);
var obj = document.elementFromPoint(left,top);
alert("obj=" + obj);
alert("obj.id=" + obj.id);
alert("obj.nodeName=" + obj.nodeName);
var obj2 = document.elementFromPoint(client_x,client_y);
alert("obj2=" + obj2);
alert("obj2.id=" + obj2.id);
alert("obj2.nodeName=" + obj2.nodeName);
/*
//var SVGDoc=evt.getTarget().getOwnerDocument();
var SVGDoc=evt.target.ownerDocument;
var txt=SVGDoc.getElementById("txt");
var link=SVGDoc.createElement("a");
var text_node=SVGDoc.createTextNode("LINK");
link.setAttributeNS(
"http://www.w3.org/1999/xlink",
"xlink:href",
"http://www.w3schools.com");
link.appendChild(text_node);
txt.appendChild(link);
*/
}
</script>
<text id="txt" x="10" y="10">Click on the circle to create a ....</text>
<circle id = "circle_1" cx="20" cy="40" r="1.5em" style="fill:blue" onclick="create_a(evt)"/>
</svg>
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<script>
function create_a(evt)
{
alert(123);
var left = evt.screenX;
var top = evt.screenY;
var client_x = evt.clientX;
var client_y = evt.clientY;
alert("left="+left);
alert("top="+top);
alert("client_x=" + client_x);
alert("client_y=" + client_y);
var obj = document.elementFromPoint(left,top);
alert("obj=" + obj);
alert("obj.id=" + obj.id);
alert("obj.nodeName=" + obj.nodeName);
var obj2 = document.elementFromPoint(client_x,client_y);
alert("obj2=" + obj2);
alert("obj2.id=" + obj2.id);
alert("obj2.nodeName=" + obj2.nodeName);
/*
//var SVGDoc=evt.getTarget().getOwnerDocument();
var SVGDoc=evt.target.ownerDocument;
var txt=SVGDoc.getElementById("txt");
var link=SVGDoc.createElement("a");
var text_node=SVGDoc.createTextNode("LINK");
link.setAttributeNS(
"http://www.w3.org/1999/xlink",
"xlink:href",
"http://www.w3schools.com");
link.appendChild(text_node);
txt.appendChild(link);
*/
}
</script>
<text id="txt" x="10" y="10">Click on the circle to create a ....</text>
<circle id = "circle_1" cx="20" cy="40" r="1.5em" style="fill:blue" onclick="create_a(evt)"/>
</svg>
发表评论
-
Easy UI tree
2014-12-28 17:49 461http://www.cnblogs.com/hxling/a ... -
js 时间比较
2014-11-04 10:37 322//var yourtime=document.getElem ... -
jQuery官方推出的教学视频
2013-08-02 13:07 391http://blog.jobbole.com/37699/ -
推荐给开发者的20款响应式jQuery插件
2013-07-23 10:32 480http://www.csdn.net/article/201 ... -
如何让搜索引擎抓取AJAX内容?
2013-07-17 08:32 490http://news.cnblogs.com/n/18248 ... -
jsp,html中设置编码方式
2013-05-01 19:39 0html: <meta http-equiv=" ... -
修改浏览器状态栏信息
2013-02-28 22:38 576status和defaultStatus是window对象的属 ... -
HHMMss时间校验方法
2012-09-16 14:55 967<html> <body> < ... -
javaScript程序员参考手册--源代码
2012-08-22 23:57 551******************************* ... -
使用脚本动态操作 SVG 文档
2012-08-20 23:25 699http://www.ibm.com/developerwor ... -
SVG脚本编程的一些技巧 .
2012-08-20 23:24 818http://blog.csdn.net/mtfsoft/ar ... -
禁止鼠标右键及svg中自定义右键菜单
2012-08-20 23:20 2428svg屏蔽右键菜单 1 : if(evt.button == ... -
Web中的鼠标自动移动
2012-12-23 23:35 586写了个 00:00--24:59分的正则,不知道是不是你想要的 ... -
getCTM
2012-08-19 17:22 708<svg xmlns="http://www. ... -
JS获取网页中HTML元素的几种方法分析
2012-08-19 17:06 951oElement = document.elementFrom ... -
Svg事件响应:获取鼠标即时屏幕坐标
2012-08-19 17:04 4287http://ribbonchen.blog.163.com/ ... -
(转载)js技巧 .
2012-08-19 17:02 1438http://blog.csdn.net/yinshuhai/ ... -
自动实现单击事件
2012-08-19 15:08 641<html xmlns="http://www ... -
svg_example
2012-04-26 00:54 763http://srufaculty.sru.edu/david ... -
在 IE 中调试 JavaScript
2012-04-09 23:42 874http://www.fengxiaoqiang.com/bl ...
相关推荐
获取鼠标点击元素
获取鼠标在当前屏幕坐标系中的位置信息 将鼠标移动到要获取位置的点,然后按F10,就会弹出当前的坐标值
JavaScript获取鼠标位置和鼠标与div的相对位置
canvas例子,如何获取鼠标在canvas中的位置。html+js。下载双击即可在浏览器运行,F12可查看源代码。
Javascript元素位置、大小、鼠标定位操作
鼠标在canvas上移动,显示鼠标位置
WPF编程时,我们经常使用Mouse.GetPosition(IInputElement relativeTo)或MouseEventArgs.GetPosition(IInputElement relativeTo)来获取鼠标相对于某一界面元素的相对位置,这自然也联想到另外的一个问题:如何获取...
通过鼠标点击 获取鼠标点击处的颜色 以及颜色值
获取元素自身的大小(宽度高度) 注:返回的数值不带单位 offset 系列常用的属性包括: element.offsetParent 返回作为该元素带有定位的父级元素,如果父级元素没有定位,则返回 body 注意,parentNode 和 ...
主要介绍了Vue获取页面元素的相对位置的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
本文实例讲述了jQuery实现获取当前鼠标位置并输出功能。分享给大家供大家参考,具体如下: jQuery获取当前鼠标位置并输出 1.html <body onmousemove="mousemove(event)"></body> 2.css html, body { ...
代码如下://获取元素的位置 function getLeft(obj) { if (obj == null) return null; var mendingObj = obj; var mendingLeft = mendingObj.offsetLeft; while (mendingObj != null && mendingObj.offsetParent != ...
有时候,我们需要得到窗口拖动或者鼠标移动的距离,此时可以通过计算鼠标前后在页面中的位置来得到想要的结果,下面介绍几个事件属性: 1、客户区坐标位置 鼠标事件都是在浏览器视口中的特定位置上发生的。这个位置...
在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊...
NULL 博文链接:https://ucstudio.iteye.com/blog/618182
javascript获取鼠标点击元素对象(示例代码).docx
主要介绍了jquery如何获取元素的滚动条高度等实现代码,需要的朋友可以参考下
主要介绍了js获取鼠标位置的方法,结合实例形式详细分析了JavaScript响应鼠标事件获取并操作页面元素属性的相关技巧,需要的朋友可以参考下
本篇文章主要介绍了利用javascript获取鼠标点击元素对象的示例代码。需要的朋友可以过来参考下,希望对大家有所帮助