第14次JS作业---搜索文字-CSDN博客

本文链接：https://blog.csdn.net/aa8869138/article/details/68925863

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
padding: 0;
margin: 0;
}
.shang{
width: 500px;
margin: 20px;
}
.xia{
width: 500px;
margin: 20px;
}
.gai{
width: 200px;
background-color: #369;
display: none;
position: absolute;
top:0px;
left: 0px;
}

</style>
<script type="text/javascript" src="my.js"></script>
</head>
<body>
<div class="gai" id="gai"></div>
<div class="shang">来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来来</div>
<div class="xia">不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制不用复制</div>
<script type="text/javascript">
function $(i){
return document.getElementsByTagName("div")[i];
}
function $id(id) {
return document.getElementById(id);
}
var txt= "",i=0;
$(1).οnmοuseup=function(event){
var event = event || window.event;
if(event&&event.stopPropagation) {
event.stopPropagation();
} else {
event.cancleBubble = true;
}

var x = event.clientX;
var gai=$id("gai");
var y = event.clientY;
txt = window.getSelection() || document.selection.createRange().text;
$(0).innerHTML=txt;
if(i==0){
$(0).style.display="block";
}
$(0).style.left=x+"px";
$(0).style.top=y+"px";

i=1;
}
document.οnmοusedοwn=function (){
if(event.target.id !="gai"){
i=0;
$(0).style.display="none";
}
}

</script>
</body>
</html>