如果被服务器占用,怎么更换服务器运行的物理块?

git给分支备注详情

  返回  

2021-08-18事件二

2021/8/20 13:51:22 浏览:

拖拽

// An highlighted block
//移动盒子 拖拽
function drag(elem) {

   // var div = document.getElementsByTagName("div")[0];
   elem.onmousedown = function (e) {
       //e是鼠标按下的事件对象,通过pagex获取横坐标
       disX = e.pageX - parseInt(elem.style.left);
       disY = e.pageY - parseInt(elem.style.top);

       //鼠标移动
       document.onmousemove = function (e) {
           var event = e || window.event;
           console.log(e.pageX + " " + e.pageY)
           elem.style.left = e.pageX - disX + "px";
           elem.style.top = e.pageY - disY + "px";
       }
       document.onmouseup = function () {
           document.onmousemove = null;
       }
   }
}

实现捕获:(记住就行)
在这里插入图片描述
在这里插入图片描述
1.mousedown mouseup
敲击鼠标事件 click=mousedown + mouseup
在这里插入图片描述
执行事件顺序:
在这里插入图片描述
2.contextmenu右键产生菜单,取消
3.mousemove鼠标移动事件
4.mouseover鼠标进入= mouseenter; mouseout鼠标离开= mouseleave
在这里插入图片描述
5.区分左右键 mouseup mousedown
button:左键0 右键2 滚动轮1
在这里插入图片描述
在这里插入图片描述

区分点击click和拖拽drag
在这里插入图片描述
在这里插入图片描述
移动端:onmousedown不好使了
touchstart touchmove touchend
down move up
onkeydown>onkeypress>onkeyup
**加粗样式
keydown keypress区别
keypress可以转化为字符
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

input事件:
但凡里面有变化,都会触发input事件
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
change事件:
聚焦后和聚焦完对比如果发生改变就触发change,否则不触发
在这里插入图片描述
onfocus onblur

// An highlighted block
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<body>
    <input type="text"value="请输入用户名" style="color: #999;" onfocus="if(this.value=='请输入用户名'){this.value='';this.color='#424242'}"onblur="if(this.value==''){this.value='请输入用户名';this.color='#999' }">
</body>
</html>
```![在这里插入图片描述](https://img-blog.csdnimg.cn/6089f9ef125641baa791bdf5f80a678c.png)

联系我们

如果您对我们的服务有兴趣,请及时和我们联系!

服务热线:18288888888
座机:18288888888
传真:
邮箱:888888@qq.com
地址:郑州市文化路红专路93号