easyui draggable input 不能响应鼠标事件解决办法-JavaSript-爱易网页

easyui draggable input 不能响应鼠标事件解决办法

日期：2014-05-16　浏览次数：20358 次

easyui draggable input 不能响应鼠标事件
各位大牛好！
我用jquery easyui实现了拖拽功能，但是拖动区里含有input元素时，这些元素无法通过鼠标点击获得焦点。
以下是我的代码，请大牛帮忙看下是哪个地方搞错了

<html>

<head>

    <meta charset="UTF-8">

    <title>easyui drag-and-drop</title>

    <link rel="stylesheet" type="text/css" href="Content/themes/easyui/default/easyui.css">

    <link rel="stylesheet" type="text/css" href="Content/themes/easyui/icon.css">

    <script type="text/javascript" src="Scripts/jquery-1.6.2.min.js"></script>

    <script type="text/javascript" src="Scripts/jquery.easyui.min.js"></script>

</head>

<body>

    <h2>Accept a Drop</h2>

    <div class="demo-info">

        <div class="demo-tip icon-tip"></div>

        <div>Some draggable object can not be accepted.</div>

    </div>

    <div style="margin:10px 0;"></div>

    <div id="source" style="border:1px solid #ccc;width:500px;height:800px;float:left;margin:5px;">

        drag me!

        <div id="d1" class="drag">

            Drag 1<br/>

            <table>

                <tr>

                    <td>a</td><td><input type="text" value="test"  /></td>

                    <td>b</td><td><input type="text" value="test"/></td>

                </tr>

                <tr>

                    <td>c</td><td><input type="text" value="test"/></td>

                    <td><select>

                            <option value="1">hehe</option>

                            <option value="2">haha</option>

                        </select></td>

                </tr>

                <tr>

    &n

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

easyui draggable input 不能响应鼠标事件解决办法

相关资料更多>

推荐阅读更多>