`
caibinghong
  • 浏览: 149903 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

关于在ondrag事件下无法触发 子元素的onclick事件

 
阅读更多

在做像GG主页的拖拽时 我们也常常 加上自己的一些设置 ,比如  我们的拖拽一般有   

 

<div class="drag">
    <div class="drag-head">
           <div class="drag-txt"></div>
            <div class='drag-tool'>
                 <div class="drag-set"></div>
                <div class="drag-close"  onclick="dragset.delBox('id')" onmousedown="dragset.delBox('id')"></div>
           </div>
      </div>
      <div class="drag-body"></div>
</div>

 

当我们对 drag-head 加上了ondrag 事件后那么  drag-close 的onclick事件其实就起不了作用了,,那么我们就可以用 onmousedown事件去替代它

分享到:
评论

相关推荐

    HTML控件事件一览表

    - **`onmouseenter`**:鼠标进入元素时触发(不包括子元素)。 - **`onmouseleave`**:鼠标离开元素时触发(不包括子元素)。 - **`oncontextmenu`**:用户右键点击时触发。 - **`onmousewheel`**:滚动鼠标滚轮时...

    HTML DOM 事件.pdf

    类似于 `onmouseenter` 和 `onmouseleave`,但不捕获子元素。 - **`onmouseup`**:鼠标按键被松开时触发。常与 `onmousedown` 配合使用来实现拖拽功能。 ##### 2. 键盘事件 - **`onkeydown`**:某个键盘按键被按下...

    JS鼠标键盘触发函数大全

    - **`onClick`**:当用户单击鼠标左键时触发。该事件通常用于处理点击按钮或链接等操作。 - **兼容性**:IE3 | N2 | O3 - **`onDblClick`**:当用户双击鼠标左键时触发。常用于执行与单次点击不同的操作。 - **...

    解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题

    为了解决这个问题,我们可以在子组件中使用watch来观察data数据的变化,并在watch的回调函数中调用created钩子中期望执行的逻辑,或者保证在请求接口或后台数据后,更新父组件传递给子组件的数据,从而触发子组件的...

    document事件

    - **定义**:元素或其子元素失去焦点时触发。 - **应用场景**:可用于在元素失去焦点时保存状态或执行清理操作。 #### 42. `onhelp` - **定义**:用户请求帮助(例如按下 F1 键)时触发。 - **应用场景**:可用于...

    documnent对象的使用.doc

    - `ondrag`:在拖动操作期间在源对象上持续触发。 - `ondragend`:在拖动结束时在源对象上触发。 - `ondragenter`:在拖动到有效目标时在目标元素上触发。 - `ondragleave`:在拖动离开有效目标时在目标对象上...

    JavaScript_Quick_Reference

    6. **children**:返回元素的子元素集合。 7. **className**:获取或设置元素的类名。 8. **clientHeight/clientWidth**:返回元素的可见高度和宽度。 9. **contentEditable**:指示元素的内容是否可编辑。 10. **...

    html text的常用事件和方法详细描述

    4. `attachEvent()`: 将指定的函数绑定到事件,这样每当事件在对象上触发时,函数都会被调用。 5. `blur()`: 使元素失去焦点,触发`onblur`事件。 6. `clearAttributes()`: 清除元素的指定属性。 7. `createEvent()`...

    获取组件坐标

    - `View.OnDragListener`接口用于监听拖放操作,`onDrag(View v, DragEvent event)`方法会接收到拖放事件的相关信息,包括拖动的坐标。 5. **手势检测**: 如果需要更复杂的手势识别,可以使用GestureDetector类...

    ztree用法和例子

    同时,可以通过监听 `onDrag`、`onDrop` 等事件来处理拖拽过程中的行为。 **四、事件处理** ZTree 提供了丰富的事件接口,如: - `onClick`:点击节点时触发 - `onDblClick`:双击节点时触发 - `onRightClick`:...

Global site tag (gtag.js) - Google Analytics