Quellcode

  <action name="_onmousedown">
    js(Pano.registerClick());

    <!-- Do more magic -->
  </action>

Quellcode

// Pano is the component that we use to communicate between the actions in the .xml file and our javascript
// Pano.ui is a reference to the inner working of our plugin

Pano.registerClick = function() {
    // expose the current location of the mousepointer. This function is defined as
    // return { x: panoControl.get('mouse.x'), y: panoControl.get('mouse.y') };
    var loc = Pano.ui.getMouseFromViewer();
 
    // holder component to keep count of the clicks
    if (!Pano.clickRegister) Pano.clickRegister = { count: 0, x: 0, y: 0, fired: new Date().getTime() };

    // add 1 to the current clicks and check whether it's greater or equal to 2
    if (++Pano.clickRegister.count >= 2) {
        // The delta-x and delta-y should be within 20 pixels of the last click position, to prevent one from clicking
        // both in the left and right corner within 300 ms. and still have a doubleclick
        if (Math.abs(Pano.clickRegister.x - loc.x) < 20 && Math.abs(Pano.clickRegister.y - loc.y) < 20) {
            // the clicks should be within 300 ms.
            if (new Date().getTime() - Pano.clickRegister.fired < 300) {
                // here's the callback, do magic here
                Pano.ui.onSurfaceDoubleClick(loc.x, loc.y);
                // reset the number of clicks
                Pano.clickRegister.count = 0;
            }
        }
        else {
            // when the delta-x, delta-y is not within boundaries, set the number of clicks to 1
            Pano.clickRegister.count = 1;
        }
    }

    // set the meta-information about this last click
    Pano.clickRegister.x = loc.x;
    Pano.clickRegister.y = loc.y;
    Pano.clickRegister.fired = new Date().getTime();
}