取消图片拖拽效果及取消文字选中效果

最新推荐文章于 2023-04-29 04:39:52 发布

cc°　　淡忘

最新推荐文章于 2023-04-29 04:39:52 发布

阅读量789

点赞数

分类专栏： # JavaScript # CSS

本文链接：https://blog.csdn.net/weixin_45272449/article/details/102684572

版权

JavaScript 同时被 2 个专栏收录

27 篇文章 0 订阅

订阅专栏

CSS

9 篇文章 0 订阅

订阅专栏

以下为我们鼠标拖拽图片或者连接时触发（可能用到）的函数：

//在拖动目标上触发事件 (源元素):
ondragstart 	//用户开始拖动元素时触发
ondrag			//元素正在拖动时触发
ondragend		//用户完成元素拖动后触发

//释放目标时触发的事件:
ondragenter		//当被鼠标拖动的对象进入其容器范围内时触发此事件
ondragover		//当某被拖动的对象在另一对象容器范围内拖动时触发此事件
ondragleave		//当被鼠标拖动的对象离开其容器范围内时触发此事件
ondrop			//在一个拖动过程中，释放鼠标键时触发此事件

以下为方法：

<!-- 取消图片拖拽效果 -->
<body ondragstart="return false"></body>

//初始化方法，既无法选中文字，在鼠标在文字悬停时鼠标指针也无法变化。
* {
   		padding: 0;
   		margin: 0 auto;
   		-moz-user-select: none;
   		-o-user-select: none;
   		-khtml-user-select: none;
   		-webkit-user-select: none;
   		-ms-user-select: none;
   		user-select: none;
   		cursor: default;
   }