前面的话
鼠标事件是web开发中最常用的一类事件，毕竟鼠标是最主要的定位设备。本文将详细介绍鼠标事件的内
类型
鼠标事件共10类，包括click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter和mouseleave
2024年08月19日
前面的话
鼠标事件是web开发中最常用的一类事件，毕竟鼠标是最主要的定位设备。本文将详细介绍鼠标事件的内
类型
鼠标事件共10类，包括click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter和mouseleave
2024年08月19日
代码部分
#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
#include <QDragEnterEvent>
#include <QDragLeaveEvent>
#include <QDragMoveEvent>
#include <QDropEvent>
#include <QString>
QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE
class Widget : public QWidget
{
Q_OBJECT
public:
Widget(QWidget *parent = nullptr);
~Widget();
void dragEnterEvent(QDragEnterEvent *e);
void dragLeaveEvent(QDragLeaveEvent *e);
void dragMoveEvent(QDragMoveEvent *e);
void dropEvent(QDropEvent *e);
void readFile(const QString &fileName);
private:
Ui::Widget *ui;
};
#endif // WIDGET_H
2024年08月19日
提到拖拽，我们都很熟悉，那么拖放呢？一字之差，代表的意义是不一样的，拖拽就是拉着走，拖放就是有拖，有放，我们都知道原生 JS 拖拽效果的缺点：1. 代码相对复杂与冗余2. 仅限于在浏览器内的元素间拖放3、不能实现跨页面的拖放
所以H5就出现了拖放技术，与 JS 原生相比 HTML5 拖放的优势：
2024年08月19日
如上图所示，如何实现通过拖拽的方式交换两个按钮的文本？
严格的说应该叫拖放方式，它包含了拖动和放置两个部分。拖动通过drag实现，放下通过dropEvent事件实现。该例子有点特殊就是拖动和放下的对象都是按钮，所以拖动和放下都是在同一个类中实现。具体实现步骤如下：
2024年08月19日
当我们学习了 HTML 提供的原生拖放(drag & drop)后,是时候想一想这个东西可以用来作什么，可以在什么时候使用，使用的场景等等
场景分析
2024年08月19日
大家好，我是拾光。点击上方关注▲▲▲▲
上一期的前端HTML面试部分发布已经一天了，收到了网友的反馈，原因两个，与网上内容重复，再有一个就是面试题太老了，也就是说太久了，可能不适用于现在的面试了。
2024年08月19日
提到拖拽，我们都很熟悉，那么拖放呢？一字之差，代表的意义是不一样的，拖拽就是拉着走，拖放就是有拖，有放，我们都知道原生 JS 拖拽效果的缺点：1. 代码相对复杂与冗余2. 仅限于在浏览器内的元素间拖放3、不能实现跨页面的拖放
所以H5就出现了拖放技术，与 JS 原生相比 HTML5 拖放的优势：
2024年08月19日
当你想复制网页上的内容时发现鼠标不能选中文字，点击鼠标右键菜单也没有弹出来。不是你的鼠标坏了，是网页使用了一点“魔法”，限制你这么做。那我们就用魔法打败魔法，解除它的限制功能。
2024年08月19日
接上节
dropEffect属性和effectAllowed属性：
在把元素拖动到放置目标上时，不同类型的元素会导致光标显示为不同的符号；
利用dataTransfer对象，不仅可以传输数据，还能通过它来确定拖动的样式以及放置样式，还能够确定放置时接收什么操作；