大佬教程收集整理的这篇文章主要介绍了HTML5选择文本,鼠标在可拖动的div上，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<div draggable="true">
<input type="text" value="This is text to SELEct">
</div>@H_607_3@
<style>
#dragObject{BACkground-color: grey; padding: 80px 20px; width: 175px;}
</style>
<div id="dragObject" draggable="true">
<input type="text" value="This is text to SELEct" onfocus="entering()" onblur="leaving()">
</div>
<script>
function entering(){
document.getElementById('dragObject').setAttribute("draggable","false");
}
function leaving(){
document.getElementById('dragObject').setAttribute("draggable","true");
}
</script>@H_607_3@
@H_197_10@使用此解决方案,您的可拖动div必须大于输入,因为必须有一个位置,您可以在模糊输入时单击以进行拖动.虽然这甚至不应该是一个缺点,但从UX的角度来看,你至少需要一个标签或图标或东西来抓住.否则你就必须开始做一些奇怪的事情,比如“如果你点击并按住一秒或更长时间,你就打算拖动,否则你将会选择文字”.哪个,可以从代码视图中进行,但可能是一个糟糕的用户界面选择.
以上是大佬教程为你收集整理的HTML5选择文本,鼠标在可拖动的div上全部内容，希望文章能够帮你解决HTML5选择文本,鼠标在可拖动的div上所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。