参考拉斐尔对象
Reference to Raphael object
我需要在我的程序中创建几个Raphael对象。 字段 1 和字段 2 是div 元素。每个Raphael对象(paper1,paper2,...)都有独特的画布,它们都需要具有完全相同的功能。Raphael 对象需要在以后动态创建。在下面的示例代码中,我需要知道哪个对象触发了 mousedown 事件。我还想知道在哪个div 元素(此处为 field1/field2)中触发了鼠标关闭事件。如何获取信息?
var myProgram = (function() {
var paper1 = Raphael("field1", 200, 400, fieldActions);
var paper2 = Raphael("field2", 200, 400, fieldActions);
var planeAttrs = {
fill: "#fff"
};
function fieldActions(){
var that = this;
that.field = that.rect(0, 0, 200, 400, 30);
that.field.attr(planeAttrs);
that.field.mousedown( function(e) {
});
});
}());
that.field.mousedown( function(e) {
console.log(this, this.node, this.paper.canvas, this.paper.canvas.parentNode)
});
this
- 矩形拉斐尔对象
this.node
- 矩形 SVG DOM 元素
this.paper.canvas
- SVG DOM 元素
this.paper.canvas.parentNode
- 带有 ID 的div (字段 2/字段 1),其中包含单击的 SVG。
你来了:
that.field.mousedown( function(e) {
var target = e.target;
var svgElem = target.parentNode;
var div = svgElem.parentNode;
alert(div.id);
});
http://jsfiddle.net/mihaifm/UyPn6/3/
相关文章:
- 在play2框架中向json对象添加下拉列表项
- 基于使用angular在下拉列表中选择的对象,迭代对象内部的对象
- 拉斐尔对象宽度
- 下拉 Javascript 错误:对象不支持属性或方法“匹配”
- 使用对象(JavaScript或jQuery)填充选择下拉列表
- 在拉斐尔中将对象作为一个组旋转
- javascript拉斐尔对象函数传递
- JavaScript:使用用于Protractor测试的页面对象选择下拉列表项
- 从knockout.js中的下拉列表更新对象
- 计算在多个下拉框中选择某个对象的次数
- 如何从下拉列表中由可观察数组填充的选定项中检索完整对象
- 拉斐尔的问题和删除 svg 中的对象
- 挖空 JS [对象对象] 拉取属性
- 定位拉斐尔纸对象
- 如何对对象进行反技术是另一个与拉斐尔JS
- 在下拉列表中使用多个对象类型为数据网格提供筛选
- 如何将对象从数据源传递到剑道下拉列表的函数
- 如何从下拉列表中读回对象
- 从对象拉取数组
- 无法使用考拉(图形API)发布到FB