MDN、规范以及我能通过 Google 找到的每个网站都说所有 HTML 元素都可以拖动。然而,在实践中,我发现我无法拖动文本输入或文本区域,即使它们已被禁用。
例如,使用以下代码:
<img src="http://www.placehold.it/350x150" draggable alt="Placeholder image">
<a href="http://example.com" draggable>Link</a>
<input type="text" draggable>
<input type="text" disabled draggable>
我可以拖动图像和链接,但两个输入都无法拖动。
这是一个JSfiddle http://jsfiddle.net/ttfrk/
是否可以使用 HTML5 Draggable 属性来拖动输入?如果没有,我可以使用解决方法吗?
MDN 证实draggable是一个全局属性 https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes(即可以应用于任何元素),但具有以下内容使用说明:
默认情况下,只能拖动文本选择、图像和链接。
对于所有其他元素,事件ondragstart
必须按顺序设置
拖放机制才能工作,如下所示综合例子 https://developer.mozilla.org/En/DragDrop/Drag_Operations.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)