获取鼠标 – 当前DOM元素obj [while event-resize] jQuery-ui
发布时间:2020-12-14 18:39:32 所属栏目:资源 来源:网络整理
导读:我设置了一个功能来跟踪文档上的鼠标事件,即使我只需要 鼠标专门用于重新尺寸检测目的至少此时…… var BoolMouseDown = false;var BoolResizing = false;document.body.onmousedown = function () { BoolMouseDown = true;};document.body.onmouseup = func
我设置了一个功能来跟踪文档上的鼠标事件,即使我只需要
鼠标专门用于重新尺寸检测目的至少此时…… var BoolMouseDown = false; var BoolResizing = false; document.body.onmousedown = function () { BoolMouseDown = true; }; document.body.onmouseup = function () { BoolMouseDown = false; }; 在ui上 sideNote:目标是获取鼠标下每个元素的数据,以便它可以转换为一个新的(div)部分,它在征服者中幸存下来 // called function on resiz event var ValueCurSourceCellId = ""; var ValueCurDestCellId = ""; function CurCellIdSet(val) { if (BoolMouseDown) { ValueCurDestCellId = val; BoolMouseDown = false; } else { if (BoolResizing) { ValueCurDestCellId = val; } ValueCurSourceCellId = val; } } var BoolHasCollided = false; $(gitem11) .mouSEOver(function () { //cur mouse over = attribute of html-imput-hidden( curMoRszr="") if (BoolMouseDown) return;//so if its Mouse Down - don't collect underlying element data $elmHidData1.attr('curMoRszr',$(this).attr('id')); CurCellIdSet($(this).attr('id')); }) .mousedown(function () { BoolMouseDown = true; $elmHidData1.attr('curMoRszr',$(this).attr('id')); CurCellIdSet($(this).attr('id')); }) .mouseup(function () { BoolMouseDown = false; CurCellIdSet($(this).attr('id')); }) .resizable({ handles: "e,s",ghost: true,start: // here 11 is the accident producer,21 is the victim. function () { console.log("resize started"); curg21initialpositionTop = $curg21.offset().top; curg11initialpositionTop = $curg11.offset().top; curg11initialHeight = $curg11.css("height").substring(0,2); },resize: function (event,ui) { var data1id = $elmHidData1.attr('curMoRszr'); if (ui.size.height + curg11initialpositionTop > curg21initialpositionTop && ui.size.height + curg11initialpositionTop < curg21initialpositionTop + 50 + gap) { setRszble($curg11,$curg21); BoolHasCollided = true; } $(gitem31).text("p: " + ui.size.height + "curg21initialuiposition:" + curg21initialuiposition + "," + ui.position.top); },stop: // function to conclude the accident,give the new partial div a position and size }); 在这里询问SO时,我发现的最近的帖子是This^ 在调整大小事件上收集数据的正确方法是什么? 解决方法
在Javascript中你可以做到:
document.elementFromPoint(x,y); 其中x和y将是鼠标位置(我假设你可以自己获得指针位置) 从那里,您可以从您需要的元素中获取数据. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |