偷了个懒,直接用了jQuery来写了,主要就是利用点击事件拿到鼠标位置,如下代码:
Document* {
margin: 0;
padding: 0;
list-style: none;
}
.msg {
display: block;
margin: 10px auto 0;
padding: 10px;
width: 700px;
height: 300px;
color: #333;
border: 1px solid #ccc;
outline: none;
resize: none;
}
.tips {
position: absolute;
z-index: 99;
background: rgba(0,0,0,0.5);
color: #fff;
}
文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
;(function($){
var $doc = $(document);
var $msg = $('#J_msg');
var $tips = $('#J_tips');
if (!$tips.length) {
$tips = $('
$('body').append($tips);
}
$doc.on('click', function(e) {
var pageX = e.pageX,
pageY = e.pageY;
$tips.text('文本文本文本').css({
top: pageY,
left: pageX
});
});
})(jQuery);
有问题可以找我哈