如何让可拖动的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保持内部输入框可输入?的详细内容,更多请关注其它相关文章!