How can i stop a mouseevent in javascript?

Question

function pauseScene(evt:MouseEvent):void
{   
stop();
pause_btn.visible = false;
play_btn.visible = true;
}

I have written the above code in Actionscript to stop a mouse event. Now I want to convert that into Javascript so that the scene in flash cc will be converted to Html5. For that I have used the below code as

function pausescene()
{
 this.stop();
 }

But this is not satisfying my requirement. Please do help me.

You want to stop any default action or stop it's propagation ? — Vigneswaran Marimuthu, Apr 13 '15 at 10:15
What does `stop` do ? It will stop the animation ? Why you used `this.stop()` ? Because `this` is function context. Can you post how `stop` has been implemented ? Are you seeing any errors in console ? — Vigneswaran Marimuthu, Apr 13 '15 at 10:31

score 8 · Accepted Answer · answered Apr 13 '15 at 10:17

event.preventDefault() prevents the default behaviour, but will not stop its propagation to further event listeners.

event.stopPropagation() will not prevent the default behaviour, but it will stop its propagation.

You can use a combination of both.

Example code:

myElement.addEventListener('click', function (event) {
    event.stopPropagation();
    event.preventDefault();

    // do your logics here
});

Reference: https://developer.mozilla.org/en/docs/Web/API/Event/preventDefault https://developer.mozilla.org/en/docs/Web/API/Event/stopPropagation

score 1 · Answer 2 · answered Apr 13 '15 at 10:15

1

If you can capture the event object, you can use the preventDefault() to stop it

function catchMouseEvent(e){
     e.preventDefault();
}

answered Apr 13 '15 at 10:15

uniquerockrz

231
3
9

Does JS support typing (ex. event:MouseEvent)?? – priyanka Apr 13 '15 at 11:52

How can i stop a mouseevent in javascript?

2 Answers2