博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
firefox下img元素和空div以及选中div中文字拖拽效果处理
阅读量:6976 次
发布时间:2019-06-27

本文共 575 字,大约阅读时间需要 1 分钟。

问题说明:

      Firefox下以图片为句柄的拖拽效果无法触发onmouseup事件,同样的在空的div中也也无法触发onmouseup事件,同时在所有浏览器下选中文字后div的mouseup事件失效;
解决方法 :
      Firefox下Drag效果句柄不能作用在img元素上,解决有两种。
            1、 用一个div层盖住img
            2、 用非img元素作拖拽句柄 

  Firefox下空div无法拖拽可添加 以帮助解决。但是在添加文字或空格后,又会在选中时影响onmouseup事件。

  解决浏览器下选中文字导致onmouseup事件事件失效。

    1.firefox下可添加*{-moz-user-select:-moz-none;} 样式解决

       

 

Input表单中文字

一般页面文字

设置none

不可选

不可选

设置moz-none

可选

不可选

设置moz-all

不可选

可选

  

    2.IE浏览器下是通过 onselectstart="javascript:return false;"事件来实现,该方法ff下是不支持的。chrome、oprea下的此问题暂时无法解决。

转载于:https://www.cnblogs.com/huangyong8585/archive/2012/11/19/2777422.html

你可能感兴趣的文章
Java 06
查看>>
13 SELECT 以外的内容
查看>>
vue2.0 keep-alive最佳实践
查看>>
百度地图API详解之地图坐标系统
查看>>
Linux 源码阅读工具----------Source Insight 经典教程
查看>>
Android之Service
查看>>
调制信号
查看>>
python网络爬虫笔记(八)
查看>>
判断CPU是大端还是小端
查看>>
.htaccess的应用实例
查看>>
使用 Apache OpenJPA 开发 EJB 3.0 应用,第 5 部分: 实体标识的自动生成
查看>>
elasticsearch(1) 安装和使用
查看>>
Windows 平台下局域网劫持测试工具 – EvilFoca
查看>>
HDU 1071 The area ——微积分
查看>>
百度音乐全选
查看>>
Windows API 编程----EnumWindows()函数的用法
查看>>
SGU 521 North-East ( 二维LIS 线段树优化 )
查看>>
生产者消费者问题Java三种实现
查看>>
Leetcode 773. Sliding Puzzle
查看>>
从零开始学习Sencha Touch MVC应用之十五
查看>>