登录
首页 >  文章 >  前端

如何让可拖动的DIV保持内部输入框可输入?

时间:2024-11-05 13:04:01 288浏览 收藏

本篇文章给大家分享《如何让可拖动的DIV保持内部输入框可输入?》,覆盖了文章的常见基础知识,其实一个语言的全部知识点一篇文章是不可能说完的,但希望通过这些问题,让读者对自己的掌握程度有一定的认识(B 数),从而弥补自己的不足,更好的掌握它。

如何让可拖动的DIV保持内部输入框可输入?

如何在允许div拖动时仍保持其内部输入框可输入

当设置div可拖动后,其内部的输入框(input)往往变得不可输入。解决这个问题的方法如下:

根据鼠标点击的标签名判断是否允许拖动。如果鼠标点击在输入框上,则禁止拖动。

以下代码示例演示如何实现这一解决方案:

document.getElementById("log_window").onmousedown = function(e) {
    var obj = document.elementFromPoint(event.clientX, event.clientY);
    if (obj.tagName.toLowerCase() === 'input') {
        return false;
    }
    getObject(this, e || event);
};

或者,还可以通过向输入框添加默认焦点来解决此问题,但这种方法不够灵活。

终于介绍完啦!小伙伴们,这篇关于《如何让可拖动的DIV保持内部输入框可输入?》的介绍应该让你收获多多了吧!欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识,快来关注吧!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>