第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何讓父節(jié)點綁定onmousedown不影響子孫節(jié)點的拖拉事件

如何讓父節(jié)點綁定onmousedown不影響子孫節(jié)點的拖拉事件

猛跑小豬 2019-01-05 21:28:07
現(xiàn)在有這樣的需求,如下圖藍色框彈窗通過vue自定義指令綁定了onmousedown(pc)/ontouchstart(移動)事件,實現(xiàn)自由拖拉。問題:其子孫節(jié)點中又有一個滑塊模塊,可以拖拉,然鵝前面父節(jié)點的onmousedown-onmousemove方法的影響,導(dǎo)致下圖紅色框內(nèi)滑塊無法拖拉<div class="dialog-box" v-selfDrag="'v-slider__thumb-label primary'"></div>drag.jsbind (el, binding, vnode) {     el.onmousedown = (ev) => {      if (!ev.target.className || ev.target.className === binding.value) return       let disX = ev.clientX - el.offsetLeft      let disY = ev.clientY - el.offsetTop      document.onmousemove = (ev) => {        let l = ev.clientX - disX        let t = ev.clientY - disY         el.style.left = l + 'px'         el.style.top = t + 'px'       }      document.onmouseup = () => {        document.onmousemove = null         document.onmouseup = null       }     } }勉強的解決方法(前面代碼):(1)提前確定不需要拖拉的節(jié)點className;(2)鼠標綁定onmousedown的節(jié)點,綁定其target.className是否為className這是方法非常愚蠢,有咩更高效的方法?
查看完整描述

1 回答

?
慕容708150

TA貢獻1831條經(jīng)驗 獲得超4個贊

js冒泡,你可以禁止掉,event.stopPropagation();

JS阻止事件冒泡的3種方法之間的不同


查看完整回答
反對 回復(fù) 2019-01-05
  • 1 回答
  • 0 關(guān)注
  • 1115 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號