修复Chrome拖拽指针变文本状态

前阵子做一个拖拽应用,在测试时惊奇地发现在Chrome下有个怪异的地方,Chrome下拖拽时鼠标指针会变为文本状态,即使你给被拖拽的节点定义鼠标样式也无济于事。

但后来测试,不管是不是拖拽状态,随便打开一个站点在任意的地方只要按住鼠标左键不松开并拖拽鼠标指针都会自动变为文本模式,这在拖拽时显的很难看。

【国内直连ChatGPT 29元起】
国内直连ChatGPT,Plus会员每月29元起,支持最新o1模型探索更多领域,无需注册OpenAI账号。

后来找到解决方案,只需要在body中添加添加onmousedown="return false"即可,如:

<body onmousedown="return false;">

也可以在触发拖拽的时候动态添加上事件,等拖拽事件结束后动态删除也可以,如果body标签中也有onmousedown事件,那么只需要在后面添加return false即可。如:

<body onmousedown="main(); return false;">
分享

TITLE: 修复Chrome拖拽指针变文本状态

LINK: https://www.qttc.net/375-chrome-fix-when-dragging-cursor-to-be-text.html

NOTE: 原创内容,转载请注明出自琼台博客