Trigger Javascript Function when user clicks anywhere on page

Question

I have a ModalPopupExtender that needs to be hidden whenever the user clicks anywhere else on the page, window, or scrollbar. I have a function and it works if i set it to a div tag but what about when the user clicks the windows scrollbar?

function HideList() {
    $find("<%=ModalPopupExtender1.BehaviorID%>").hide();
}

<div id="maindiv" onclick="HideList()">
    Elements...
</div>

Zirak · Accepted Answer · 2011-03-31 14:19:22Z

1

AFAIK, it's not possible to target the scroll bar using JavaScript.

However, you can target the scroll event and any click event on the window:

$(window).bind('scroll click', function() {
    alert('Boo');
});

answered Mar 31, 2011 at 14:19

Zirak

40k13 gold badges85 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Troy Mitchel Over a year ago

Yup it worked! I replaced alert('Boo'); with HideList(); Thanks again!

Collectives™ on Stack Overflow

Trigger Javascript Function when user clicks anywhere on page

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related