取消页面中的图片拖拽效果以及取消文字的选中效果
来源:互联网 发布:男士抓绒外衣淘宝 编辑:程序博客网 时间:2024/06/11 05:06
在拖动目标上触发事件 :
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;
}
以上两步,可以让我们做出的网页让人看不出哪些是图片哪些是文字,是不是简单粗暴。
1 0
- 取消页面中的图片拖拽效果以及取消文字的选中效果
- 浏览器文字取消选中效果noselect(…
- 取消tableView选中效果
- 取消tableView选中效果
- 取消tableviewcell选中效果
- 如何取消tableview选中效果
- 取消记录tableView选中效果
- 取消页面鼠标左键选中高亮显示效果
- js 取消页面可以选中文字的功能
- js简单的实现点击选中点击取消的效果
- checkbox 选中和取消切换没效果
- 取消GridView 的点击效果
- 取消ListView的点击效果
- 取消listview的点击效果
- 取消cell的点击效果
- 取消鼠标拖动选中文字的方法
- 全部选中与取消操作,选中后的删除(ajax)实现无刷新效果
- tableview中的cell取消点击效果
- label
- 七层和四层网络协议模型功能介绍
- Aggregation-聚合
- [数论模板] BZOJ 3667 Rabin-Miller算法
- [编程题]质数因子
- 取消页面中的图片拖拽效果以及取消文字的选中效果
- 小鑫の日常系列故事(七)——小纸条
- python第18天学习记录
- eclipse C/C+ CDT中scanf、cin、 printf、cout不能debug输入输出的问题
- 【每日一记】设计模式——原型模式
- shareSDK.xml 失效,分享失败原因
- [转] Caffe 基础
- poj_3352 Road Construction(求桥+边双连通分量)
- android适配器之SimpleAdapt