使用 JQuery 更改事件函数参数

Posted 2023-04-13

【中文标题】使用 JQuery 更改事件函数参数

【英文标题】：Change event function parameters with JQuery

【发布时间】：2012-08-17 08:56:05

【问题描述】：

我有一个包含某些“区域”的图像映射，其中包含鼠标悬停事件。这些事件中的大多数会触发一个传入某些坐标的函数。 我希望能够在函数 SFX_ShowIconOver 中操作坐标。

图像映射是由第三方应用创建的，因此我只能操作渲染的内容。

<AREA onmouseover="SFX_ShowIconOver('Chart2','29456',368,10,22,22,false,this)" title="Legend Box" onclick="SFX_SendCommand('29456',false)" shape=rect coords=368,10,390,32>

【参考方案1】：

不要使用内联javascript，改成jQuery样式，然后改变量a,b,c,d,e。

var a,b,c,d,e;
$('#area_id').mouseover(function() 
   SFX_ShowIconOver('Chart2', a, b, c, d, e, false,this);
).click(function() 
   SFX_SendCommand(a, false);
);

【讨论】：

该函数由第三方应用动态创建。所以我需要一些方法来定位这个函数“SFX_ShowIconOver”并操纵它的内容。事实上，整个图像地图是由第三方应用程序创建的。

【参考方案2】：

您可以使用 JQuery 从 DOM 中删除 onmouseover 属性，然后使用 JQuery 添加您自己的鼠标悬停。

编辑 看看here。那么您需要做的就是确保在加载第 3 方项目后声明您的“覆盖”函数。

【讨论】：

这只是我要更改的第四个参数。你知道我会怎么做吗？

@hoakey 看到我的编辑。在我的编辑中，您不需要对 JQuery 做任何事情。你只是覆盖了 JS 函数。

【参考方案3】：

我最终实现了我想要的。代码如下：

            $("area").filter(function ()  return this.outerhtml.match('SFX_ShowIconOver') )
        .each(function () 
            var pairs = $(this).attr("outerHTML").split(', ');

            for (var i = 0; i < pairs.length; i++) 
                var nums = pairs[i].split(',');
                nums[3] = 40;
                pairs[i] = nums.join(',');
            

            $(this).attr("outerHTML", pairs.join(', '));
        );