javascript - 获取 X,Y 坐标并在单击图标时传递值 (JQuery)

Question

我想获取当前鼠标指针的X,Y值并将其他参数传递给javascript函数。

这是我的 html 代码

<span class="ui-icon ui-icon-info HelpIcon" onclick="OpenHelp(e, 100,200,'My Message');" ></span>

这是我的 JavaScript 函数

function OpenHelp(e, h, w, msg) {
                console.log(e.pageX);
                console.log(msg);

                //do something with these values

            }

当我运行网页时，我收到“e”未定义错误。

因此，我尝试删除内联“onclick”代码并使用 JQuery Click 事件绑定(bind)，如下所示:

$(".HelpIcon").click(function (e, h, w, msg) {
                    OpenHelp(e, h, w, msg);
                });

当我运行它时，我得到值“e”，但我不知道如何传递参数(h、w、msg)。

你能给我推荐一下吗？谢谢。

Answer 1

我将使用非内联绑定(bind)和 data- 属性:

<span class="ui-icon ui-icon-info HelpIcon" data-height="100" data-width="200" data-message="My Message"></span>

<小时/>

$(".HelpIcon").click(function (e) {
    var $this = $(this);
    OpenHelp(e, $this.data('height'), $this.data('width'), $this.data('message'));
});