Flot:如何添加“mousedown”事件给情节持有者?

发布于 2024-11-01 15:53:40 字数 376 浏览 4 评论 0原文

我想在 JQuery/Flot 代码中向绘图持有者添加 "mousedown" 事件,我尝试了两种方法,但都不起作用,我感谢任何人给我任何提示!

1)

placeholder.bind("mousedown",function(e){
    alert("1");
})

2)

function onMouseDown(e) {
    alert("1");
}

plot.hooks.bindEvents.push(function (plot, eventHolder) {
    eventHolder.mousedown(onMouseDown);
});

I want to add "mousedown" event to the plot holder in JQuery/Flot code, i tried two ways, but neither works, i appreciate anybody give me any hints!

1)

placeholder.bind("mousedown",function(e){
    alert("1");
})

2)

function onMouseDown(e) {
    alert("1");
}

plot.hooks.bindEvents.push(function (plot, eventHolder) {
    eventHolder.mousedown(onMouseDown);
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

家住魔仙堡 2024-11-08 15:53:40

Simon,

如果它们是在 DOM 之后动态添加的元素,请尝试 live。如果在运行时添加它们,则正常绑定不起作用。

http://api.jquery.com/live/

Simon ,

If they are dynamically added elements after the DOM , try live . Normal bind doesn't work if they are added at run time.

http://api.jquery.com/live/

雨轻弹 2024-11-08 15:53:40

我猜您错误地调用了 $.plot 返回的内容。它不会返回一个 jQuery 对象,而是返回一个 Plot 对象。

因此,最有可能的是,如果您的 HTML 有类似这样的内容:

<div id="placeholder" style="width:600px;height:400px"></div>

您想要执行如下绑定:

$('#placeholder').mousedown(function(){
  alert('mouse down')
});

I would guess that you've mistaken what the call to $.plot returns. It doesn't give you back a jQuery object, it gives you back a Plot object.

So most likely, if you have something like this as your HTML:

<div id="placeholder" style="width:600px;height:400px"></div>

You want to do a bind like this:

$('#placeholder').mousedown(function(){
  alert('mouse down')
});
故事与诗 2024-11-08 15:53:40

在flot中,您可以使用钩子来绑定事件。有一个名为bindEvents 的钩子,您可以使用它来绑定任何事件。

示例:

     function myClick(plot, eventHolder){
       eventHolder.mouseover((e)=>console.log('You preses the mouse at',e.pageX+""+e.pageY))
     }

     let options = { hooks: {bindEvents: [myClick]}}

文档对此有很详细的说明
https://github.com/flot/flot/blob/master/API。 MD

In flot , You can bind events using hooks . There is a hook called bindEvents which you can use to bind any event.

example:

     function myClick(plot, eventHolder){
       eventHolder.mouseover((e)=>console.log('You preses the mouse at',e.pageX+""+e.pageY))
     }

     let options = { hooks: {bindEvents: [myClick]}}

The Documentation is in good detail about this
https://github.com/flot/flot/blob/master/API.md

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文