本文共 939 字，大约阅读时间需要 3 分钟。
*{
margin: 0;
padding: 0;
}
#but{
position: absolute;
top:50%;
left: 50%;
transform:translate(-50%,-50%);
height: 100px;
width: 100px;
}
html, body{
width: 100%;
height: 100%;
}
#munue{
width: 100px;
position: fixed;/*//固定定位*/
text-align: center;
background: #fbeeb0;
display: none;
}
td:hover{
transition:all 1s;
background: #6fbfff;
}
.n{
border: 0.5px solid #ffffff;
list-style: none;
background: #fbeeb0;
}
.n:hover{
transition: all 1s;
background: #31aecc;
}
点我试试
var but=document.querySelector("#but");
but.draggable=true;
but.οnclick=function(e){
console.log(e);
}
but.οndrag=function(argument){
alert(111);
}
document.body.οncοntextmenu= function(e){
e.preventDefault() //取消冒泡
e.stopPropagation;//取消浏览器默认行为
munue.style.top= e.clientY+"px"
munue.style.left= e.clientX+"px"
munue.style.display="block";
document.body.οnclick=function(){
munue.style.display="none";
}
//debugger;
}
一键复制
编辑
Web IDE
原始数据
按行查看
历史
转载地址：http://xkctx.baihongyu.com/