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);
});
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
Simon ,
If they are dynamically added elements after the DOM , try live . Normal bind doesn't work if they are added at run time.
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')
});
