您的位置：首页 > 其它

取消页面中的图片拖拽效果以及取消文字的选中效果

2016-12-08 21:14 197 查看

        在拖动目标上触发事件 :

ondragstart - 用户开始拖动元素时触发

ondrag - 元素正在拖动时触发

ondragend- 用户完成元素拖动后触发

       
释放目标时触发的事件:

ondragenter- 当被鼠标拖动的对象进入其容器范围内时触发此事件

ondragover- 当某被拖动的对象在另一对象容器范围内拖动时触发此事件

ondragleave- 当被鼠标拖动的对象离开其容器范围内时触发此事件

ondrop- 在一个拖动过程中，释放鼠标键时触发此事件

以上为我们鼠标拖拽图片或者连接时触发（可能用到）的函数，有点像hover或者是click事件，是不是感觉感觉很简单？

注意，下面才是干货：

<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;

}

以上两步，可以让我们做出的网页让人看不出哪些是图片哪些是文字，是不是简单粗暴。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航