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

        在拖动目标上触发事件 :

ondragstart - 用户开始拖动元素时触发
ondrag - 元素正在拖动时触发
ondragend- 用户完成元素拖动后触发
        释放目标时触发的事件:
ondragenter- 当被鼠标拖动的对象进入其容器范围内时触发此事件
ondragover- 当某被拖动的对象在另一对象容器范围内拖动时触发此事件
ondragleave- 当被鼠标拖动的对象离开其容器范围内时触发此事件
ondrop- 在一个拖动过程中,释放鼠标键时触发此事件


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

注意,下面才是干货:

<body οndragstart="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;
}

以上两步,可以让我们做出的网页让人看不出哪些是图片哪些是文字,是不是简单粗暴。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
YOLO高分设计资源源码,详情请查看资源内容使用说明 YOLO高分设计资源源码,详情请查看资源内容使用说明 YOLO高分设计资源源码,详情请查看资源内容使用说明 YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明YOLO高分设计资源源码,详情请查看资源内容使用说明
实现两个Activity之间图片拖拽效果,需要使用Android的拖拽功能。以下是实现步骤: 1.在布局文件添加一个ImageView,并设置其可拖拽属性: ```xml <ImageView android:id="@+id/imageView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" android:contentDescription="@string/app_name" android:tag="image_draggable"/> ``` 注意:一定要设置imageView的tag属性,否则无法拖拽。 2.在Activity注册DragListener和TouchListener: ```java ImageView imageView = findViewById(R.id.imageView); imageView.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View view, MotionEvent event) { if(event.getAction() == MotionEvent.ACTION_DOWN) { // 开始拖拽 ClipData data = ClipData.newPlainText("", ""); View.DragShadowBuilder shadowBuilder = new View.DragShadowBuilder(view); view.startDrag(data, shadowBuilder, view, 0); return true; } else { return false; } } }); imageView.setOnDragListener(new View.OnDragListener() { @Override public boolean onDrag(View view, DragEvent event) { switch (event.getAction()) { case DragEvent.ACTION_DRAG_STARTED: // 当拖拽开始时,该方法会被调用 break; case DragEvent.ACTION_DRAG_ENTERED: // 当拖拽的View进入目标View范围内时,该方法会被调用 break; case DragEvent.ACTION_DRAG_LOCATION: // 当拖拽的View在目标View范围内移动时,该方法会被调用 break; case DragEvent.ACTION_DRAG_EXITED: // 当拖拽的View离开目标View范围时,该方法会被调用 break; case DragEvent.ACTION_DROP: // 当拖拽的View在目标View范围内释放时,该方法会被调用 // 获取拖拽的数据 ClipData.Item item = event.getClipData().getItemAt(0); String dragData = item.getText().toString(); // 在这里处理拖拽的数据 break; case DragEvent.ACTION_DRAG_ENDED: // 当拖拽结束时,该方法会被调用 break; default: break; } return true; } }); ``` 3.在另一个Activity实现onDragListener并接受拖拽的数据: ```java imageView.setOnDragListener(new View.OnDragListener() { @Override public boolean onDrag(View view, DragEvent event) { switch (event.getAction()) { case DragEvent.ACTION_DROP: // 当拖拽的View在目标View范围内释放时,该方法会被调用 // 获取拖拽的数据 ClipData.Item item = event.getClipData().getItemAt(0); String dragData = item.getText().toString(); // 在这里处理拖拽的数据 break; default: break; } return true; } }); ``` 这样就可以在两个Activity之间实现图片拖拽效果了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值