当父元素可拖动时如何允许文本框插入符号位置(在鼠标单击时)

     2023-05-08     285

关键词:

【中文标题】当父元素可拖动时如何允许文本框插入符号位置(在鼠标单击时)【英文标题】:How to allow textbox caret positioning (via mouseclick) when parent element is draggable 【发布时间】:2014-06-18 06:55:58 【问题描述】:

参考。 http://jsfiddle.net/a4LJv/2/

在 IE/Firefox 中,父元素的可拖动属性等于 true 可防止通过鼠标单击手动定位文本框插入符号(键盘箭头可以正常工作)。 Chrome 不会出现这种行为。我很好奇以前的浏览器是否有正确的实现,或者这是否是意外行为。另外,我目前的解决方法是禁用 mousedown 上的可拖动属性并在 mouseup 上重新启用。

【问题讨论】:

来自developer.mozilla.org/en-US/docs/Web/HTML/… "默认情况下,只能拖动文本选择、图像和链接。对于所有其他元素,必须设置事件 ondragstart 才能使拖放机制起作用,如这个综合示例所示。”也许不支持 li 上的 draggable 属性? @kendaleiv 这些元素具有专属的默认支持。任何其他元素都是可拖动的,但需要属性和事件处理程序才能执行某些操作。 【参考方案1】:

第二种解决方法是直接从textarea 中删除drag 事件,如下所示:

$('textarea').on('dragstart', function(event)
    event.preventDefault();
);

没有 IE 可以测试,但它适用于 FF。

【讨论】:

这只是防止在文本区域中拖动选定的文本。但是,问题不在于文本区域上与拖动相关的事件。具有拖动事件的父元素的文本区域是导致文本插入符号问题的原因。 我给了你赏金,因为你至少试图回答。勇敢地享受 20% 的奖励。

获取内容可编辑的插入符号位置

...:59【问题描述】:我找到了大量关于如何设置contentEditable元素中插入符号位置的跨浏览器的好答案,但没有关于如何获取插入符号位置放在首位。我想要做的是知道keyup上div中的插入符号位置。因此,当用户输入文本时,我可以... 查看详情

在文本视图之间拖动插入符号

】在文本视图之间拖动插入符号【英文标题】:Dragcaretbetweentextviews【发布时间】:2015-02-2722:31:29【问题描述】:我正在使用许多UITextViews显示一个文本文档,每个段落一个*。当用户在它周围拖动插入符号时,当他到达段落的开... 查看详情

在 jquery drop UI 中,如何使用正确的鼠标位置将拖动元素克隆到放置位置?

】在jquerydropUI中,如何使用正确的鼠标位置将拖动元素克隆到放置位置?【英文标题】:InjquerydropUI,howcanIclonedragelementintodropplacewithcorrectmouseposition?【发布时间】:2012-03-2802:01:59【问题描述】:假设我有一个带有可拖动元素的面... 查看详情

powerpoint中可输入文本的工具

...控制点(此时光标显示为双向箭头,然后按住鼠标左键并拖动,可调整其大小;将光标移至占位符边线非控制点位置(此时光标显示为十字箭头)然后按住鼠标左键并拖动,可调整其位置。单击“开始”选项卡“绘图”组中“文... 查看详情

如何使用 html 子元素在 contenteditable div 中获取插入符号位置?

】如何使用html子元素在contenteditablediv中获取插入符号位置?【英文标题】:Howtogetcaretpositionwithincontenteditabledivwithhtmlchildelements?【发布时间】:2011-08-2213:17:06【问题描述】:我正在使用一个内容可编辑的div,它可以选择在文本流... 查看详情

允许在 HTML 5 可拖动子元素上选择文本

】允许在HTML5可拖动子元素上选择文本【英文标题】:AllowselecttextonaHTML5draggablechildelement【发布时间】:2017-12-0422:21:31【问题描述】:有一个包含可拖动行的表格,其中每一行都是draggable=true,用户如何仍然能够从列中选择文本?... 查看详情

在Firefox中拖动鼠标时如何防止文本选择?

...:30【问题描述】:我想知道那些拖放小部件如何取消拖动元素和页面中其他元素中的文本选择。我尝试了以下代码,它在IE8中有效(无法选择文本)但在Firefox中无效(仍然可以选择文本)。<!DOCTYPEhtml>< 查看详情

c#webform中如何做到允许用户自由拖动控件-比如文本框到新的位置,并保存,下次用户使用的时候还可以恢复

...自己要求的部分,我想如果允许用户按照自己业务需求,拖动自己需要的文本框到最前面的位置,而不需要输入的文本框到下面,这样输入起来速度更快,也方便使用者。而新的布局,可以保存,下次用户登录后恢复成他定义的... 查看详情

如何使可拖动元素在拖放时保持在新位置(HTML5 不是 jQuery)?

】如何使可拖动元素在拖放时保持在新位置(HTML5不是jQuery)?【英文标题】:Howtomakeadraggableelementstayatthenewpositionwhendropped(HTML5notjQuery)?【发布时间】:2019-12-1712:30:40【问题描述】:我刚刚学习了HTML5可拖放API的基础知识。我不知... 查看详情

RichTextBox C# 设置插入符号位置 winforms

...【问题描述】:我正在构建一个聊天应用程序,用户将其文本输入到富文本框中。在富文本框中有一个初始文本,上面写着:“我:”。现在,当用户按下主页按钮时,我希望插入符号位于“Me:”字符串之后。因此对于Shift+Home... 查看详情

字体不支持符号时如何在WPF文本框中插入版权、商标、服务标记等

】字体不支持符号时如何在WPF文本框中插入版权、商标、服务标记等【英文标题】:Howtoinsertcopyright,trademark,servicemark,etc.intoWPFtextboxwhenfontdoesn\'tsupportsymbols【发布时间】:2011-01-1012:32:47【问题描述】:我们有一个WPF应用程序,它... 查看详情

如何在文本区域的当前插入符号位置插入文本

】如何在文本区域的当前插入符号位置插入文本【英文标题】:Howtoinserttextatthecurrentcaretpositioninatextarea【发布时间】:2011-05-2606:53:07【问题描述】:在从图像调用函数时,我试图将图像中的alt标记值插入到插入符号当前位置的文... 查看详情

如何在文本区域的当前插入符号位置插入文本

】如何在文本区域的当前插入符号位置插入文本【英文标题】:Howtoinserttextatthecurrentcaretpositioninatextarea【发布时间】:2011-05-2606:53:07【问题描述】:在从图像调用函数时,我试图将图像中的alt标记值插入到文本区域中插入符号当... 查看详情

将插入符号/光标位置设置为字符串值 WPF 文本框的末尾

】将插入符号/光标位置设置为字符串值WPF文本框的末尾【英文标题】:Setthecaret/cursorpositiontotheendofthestringvalueWPFtextbox【发布时间】:2011-02-2218:03:54【问题描述】:当我第一次打开窗口时,我尝试将插入符号/光标位置设置为WPF文... 查看详情

Angular2在拖动时更改可拖动元素的内容

】Angular2在拖动时更改可拖动元素的内容【英文标题】:Angular2Changecontentofdraggableelementwhiledragging【发布时间】:2018-06-0711:28:14【问题描述】:你好,堆栈溢出者,目前正在处理需要拖动元素的任务;不是原生API所做的图像拖动,... 查看详情

如何允许用户在他选择的位置拖动动态创建的控件

】如何允许用户在他选择的位置拖动动态创建的控件【英文标题】:Howtoallowusertodragadynamicallycreatedcontrolatthelocationofhischoice【发布时间】:2011-04-2114:26:47【问题描述】:我正在创建一个应用程序,我需要在其中生成动态创建的控... 查看详情

如何通过在 svg 的选择框中拖动控件来使用鼠标指针调整旋转元素的大小?

...何通过在svg的选择框中拖动控件来使用鼠标指针调整旋转元素的大小?【英文标题】:Howtoresizearotatedelementusingmousepointerbydraggingcontrolsintheselectboxforsvg?【发布时间】:2022-01-1006:21:04【问题描述】:我一直在尝试制作svg编辑器,但... 查看详情

如何在悬停时更改文本框内容

】如何在悬停时更改文本框内容【英文标题】:HowToChangeTextBoxContentOnHover【发布时间】:2014-08-1206:05:05【问题描述】:我无法弄清楚如何根据悬停在哪个链接上来更改文本框的内容。我可以让它与最接近div的任何一个一起工作,... 查看详情