起因
在维护一个老项目中遇到一个A标签可拖动的"问题". 问题详见下方GIF
实例地址可以参考: www.miniui.com/demo/#src=b…
分析原因
- 从展示效果来看, 出现此情况应该属于游览器为A标签设置的行为.
- 解决办法想到使用
user-select: none来禁止选中 无效 - 后来想到 p 标签中的
ondragstart事件; 详见: www.runoob.com/jsref/event… - 在 a 标签中加入属性
ondragstart="return false"问题解决
测试结果
| 测试游览器 | 版本号 | A标签是否可拖动 | 解决方法是否兼容 |
|---|---|---|---|
| Chrome | 90.0.4430.212 | 可以 | 兼容 |
| Edge | 90.0.818.66 | 可以 | 兼容 |
| IE | 11 | 可以 | 兼容 |
| 火狐 | 88.0.1 | 可以 | 兼容 |
Chrome
- 版本号: 90.0.4430.212（正式版本） （64 位）
Edge
- 版本号: 90.0.818.66 (官方内部版本) (64 位)
IE
- 版本号: 11
火狐
- 版本号: 88.0.1 (64 位)
