将对象附加到具有绝对位置的单击位置
Appending the object in the place of click with absolute position
我想在单击的位置附加具有绝对位置的元素。我不知道如何测量顶部和左侧 css 属性器。
这是我的JS,它正在附加div编辑器。
$(document).on('dblclick', '.slide', function() {
$(this).find(".step-wrapper").prepend('<div class="editor" contenteditable="true"> <h2 class="text2">Title</h2></div>');
});
HTML 结构:
<dic class="step">
<div class="step-wrapper">
</div>
</div>
像这样吗?
http://jsfiddle.net/pWqEQ/
.css({
'left' : e.pageX,
'top' : e.pageY
}
相关文章:
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 如何在显示侧边栏时禁用背景,单击除侧边栏之外的任何位置都会关闭侧边栏
- 在TWebBrowser(谷歌地图)中显示位置,而无需单击按钮
- 防止用户在jQuery Mobile中ajax加载页面时单击其他位置
- 一个html/javascript'小工具'知道用户何时单击了小部件外的任意位置
- 单击链接时如何将引导程序转盘旋转到特定位置
- jQuery/Javascript>on单击将文本放置在最后一个已知的光标位置
- 当用户单击按钮(在光标位置)时,在输入字段中添加一个文本字符串
- 如何查找离单击位置最近的子项
- 显示单击的位置
- 单击任意位置如何关闭框
- 保留选项后的滚动位置(单击时)
- 当在窗口中的任何位置单击选择框时,如何获得选择框关闭事件
- 在模态之外的任意位置单击时关闭模态窗口
- 当单元格进入编辑模式时,禁止在除一个单元格(选定行中)之外的任何位置单击
- $(文档).从两个位置单击
- boostrap模态更改位置单击不取消
- 对话框在主窗口的其他位置单击时最小化
- 如何使用Javascript在Canvas中的位置单击
- 如何使屏幕上的任意位置单击关闭由jQuery toggle()函数控制的移动菜单