鼠标按下松开恢复HTML,鼠标按下移动div松开鼠标不移动的功能

74 阅读 0 评论 49 点赞

我是靠谱客的博主和谐画笔，最近开发中收集的这篇文章主要介绍鼠标按下松开恢复HTML,鼠标按下移动div松开鼠标不移动的功能，觉得挺不错的，现在分享给大家，希望可以做个参考。

为什么后几次有时候会出现bug，出现鼠禁止样式，松开鼠标也可以移动$('.div').on('mousedown', function(e) {

typeMouse = true;

$(document).on('mousemove', function(e) {

if(typeMouse) {

var rotateX = e.pageX - type1Dot1X;

var rotateY = e.pageY - type1Dot1Y;

var rotate = Math.atan(rotateY/rotateX);

type1Rotate = (rotate * 180 / Math.PI);

console.log(type1Rotate);

type1Conrol.css('transform', `rotateZ(${type1Rotate}deg)`);

}

});

$(document).on('mouseup', function(e) {

typeMouse = false;

});

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。