当前位置： 首页 > 资讯

设置 div 可拖动后，div 内部的 input 无法输入，该如何解决？

发布日期： 2024-11-04 阅读量： 作者： 网络

设置 div 可拖动后，div 内部的 input 无法输入，该如何解决？

js 设置 div 可拖动后，div 内部的 input 无法输入的解决方法

当设置 div 元素具有拖动功能时，可能会遇到 div 内部的 input 无法输入的问题。这是因为拖动事件会捕获鼠标点击，导致 input 无法获取焦点。

要解决这个问题，需要根据鼠标点击的标签名判断是否进行拖动：

在 div 的父元素上添加 onmousedown 事件监听器。
在事件处理函数中，检查鼠标点击的标签。
如果被点击的标签名是 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);
};

相关文章：网上接单哪个平台比较靠谱呢？网上接单赚钱的平台哪个好？掌握了这9个cpa推广的qq沟通技巧，轻松提高转化率！新手怎么在家做网络淘金赚钱？淘宝新店铺推广不了怎么办？推广有用吗？外链都有哪些形式？网站推广公司来分享谷歌广告联盟教你怎么玩转海外H5小游戏！流量多但是没收益？教你如何提高cpa广告推广的转化率！ app推广运营人员必须要知道的10个app推广方法和渠道！企业app引流获客的四个有效方法弹窗广告非常烦？教你4种快速关闭弹窗广告的方法！淘宝天猫推广方式有哪些？推广费用是多少？分享三个0成本的网络赚钱项目和操作方法微信小程序如何推广赚钱？社交app如何利用社交新媒体快速进行app推广引流？联盟营销是什么意思？最早的联盟营销平台是哪个你知道吗？靠谱的广告接单平台有哪些呢？推荐这8个！什么是cps联盟？cps广告联盟是如何推广挣钱的？做CPS广告推广的几个要点和细节，一定要记好了！日赚500+的另类游戏cpa推广赚钱套路解析微信引流的四大群体，引流这样做才有效果！ cps广告推广赚钱怎么做？国内有哪些靠谱的cps广告联盟？衰落期的品牌推广谋略，你知道吗？ app运营推广人员必须了解的8个app推广核心思路和方法！企业品牌推广的重要性跟优势！小品牌大营销，公司如何做好品牌推广？广告营销怎么做才能达到良好的效果？建议从这四个方面入手！广告联盟源码不知道在哪下载？这个广告联盟平台源码推荐给你！ oem厂家产品推广,oem厂家免费发布信息网站大全网站推广如何切入用户需求？如何利用百度联盟让网站实现流量变现赚广告费？

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯9105 】【 SEO推广9200 】

上一篇: C++ 函数重载与 Lambda 表达式的关系

下一篇: docker的守护式容器是什么

4007654355
915688610@qq.com
深圳市南山区粤海街道高新区社区高新南七道011号高新工业村T3栋

APP开发

小程序开发

物联网开发

系统开发