-
-
粉色桃花雨 初学数据Lv2
发表于2018-4-16 18:08
悬赏1
已解决
当用户点击页面的时候（任何一个地方），让一个编辑框在鼠标点击那个地方显示出来。
只要能得到鼠标在任意位置点击的事件，这样就能得到鼠标点击那个地方的坐标(x,y)。
最近看过此主题的会员
function addDom(evt){
var evt=evt||event;
var x=evt.clientX;
var y=evt.clientY;
var span=document.createElement("span");
span.appendChild(document.createTextNode("这里写上你想要显示的一句话（再次点击会消失）"));
span.style.position="absolute";
span.style.border="1px solid green";
span.style.left=x;
span.style.top=y;
span.style.backgroundColor="#FFFF00";
span.style.color="#000000";
span.style.padding="2px";
span.onclick=delDom;
document.body.appendChild(span);
if(window.event){
evt.cancelBubble=true;
}else{
evt.stopPropagation();
}
}
function delDom(evt){
var evt=evt||event;
document.body.removeChild(this);
if(window.event){
evt.cancelBubble=true;
}else{
evt.stopPropagation();
}
}
//document.addEventListener("click",addDom,false);
document.onclick=addDom;
1个回答
在门户编辑中的事件增加加载完成脚本
function addDom(evt){
var evt=evt||event;
var x=evt.clientX;
var y=evt.clientY;
var span=document.createElement("span");
span.appendChild(document.createTextNode("这里写上你想要显示的一句话（再次点击会消失）"));
span.style.position="absolute";
span.style.border="1px solid green";
span.style.left=x;
span.style.top=y;
span.style.backgroundColor="#FFFF00";
span.style.color="#000000";
span.style.padding="2px";
span.onclick=delDom;
document.body.appendChild(span);
if(window.event){
evt.cancelBubble=true;
}else{
evt.stopPropagation();
}
}
function delDom(evt){
var evt=evt||event;
document.body.removeChild(this);
if(window.event){
evt.cancelBubble=true;
}else{
evt.stopPropagation();
}
}
//document.addEventListener("click",addDom,false);
document.onclick=addDom;
