获取鼠标 – 当前DOM元素obj [while event-resize] jQuery-ui

获取鼠标 – 当前DOM元素obj [while event-resize] jQuery-ui,第1张

概述我设置了一个功能来跟踪文档上的鼠标事件,即使我只需要 鼠标专门用于重新尺寸检测目的至少此时…… var BoolMouseDown = false;var BoolResizing = false;document.body.onmousedown = function () { BoolMouseDown = true;};document.body.onmouseup = fu 我设置了一个功能来跟踪文档上的鼠标事件,即使我只需要
鼠标专门用于重新尺寸检测目的至少此时……
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 eventvar 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将是鼠标位置(我假设你可以自己获得指针位置)

从那里,您可以从您需要的元素中获取数据.

总结

以上是内存溢出为你收集整理的获取鼠标 – 当前DOM元素obj [while event-resize] jQuery-ui全部内容,希望文章能够帮你解决获取鼠标 – 当前DOM元素obj [while event-resize] jQuery-ui所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1139472.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存