ansaurus

Question

Is there a way to detect a click anywhere on a page except for a certain region?

Answer 1

A:

look at onBlur

Paul Whelan 2009-06-24 14:49:08

I just tried onBlur, and it is not always working, when I try to click on an empty region, it it doesn't seem to loose the focus

Gab Royer 2009-06-24 14:57:58

using your deselect method you can check the source of the event if its your element then don't deselect the item. that should work too

Paul Whelan 2009-06-24 15:07:33

Answer 2

A:

http://www.w3schools.com/jsref/jsref_onblur.asp

Blur is when the focus is 'lost' from your element

Michael 2009-06-24 14:49:40

Answer 3

+3 A:

onblur is not going to cut it as this isn't a standard HTML input element.

You want to inspect what this refers to when the onclick event is called. If it refers to an item in your list, then you can select the item in the list. If it refers outside of the list, then deselect all of the items in your list.

The code might look something like:

function handleClick(evt) {
   if (this.getAttribute('isListItem')) {
      // highlight
    } else {
      // remove highlighting
    }
    evt.preventDefault();
}

Using this code depends on having an attribute on the HTML to identify that the element is a list item. You also will want to prevent the event from propagating to any sub elements. I'm not 100% sure if this is necessary, but often because the event propagates to the element which contains your list items.

http://www.w3schools.com/jsref/jsref_onclick.asp

altCognito 2009-06-24 14:52:00

Just to be sure I understand what you mean correctly, you suggest putting onClick in the body tag and everywhere else and have them call the handleClick function?

Gab Royer 2009-06-24 15:09:01

If I do <body onClick="handleClick(event)"> and <table onClick="handleClick(event)">, the function handleClick get called twice if I click on the table, event if I put the evt.preventDefault

Gab Royer 2009-06-24 15:33:41

Yeah, I think you'll just need it onbody, not for the table.

altCognito 2009-06-24 16:13:17

Answer 4

A:

Pseudo-code:

var bodyOnClick = function(){}; // empty, does nothing

listItems.onclick = function(){
    /* Do stuff */
    bodyOnClick = deselect;
};

body.onclick = function() {
    bodyOnClick();
};

J-P 2009-06-24 16:18:59

Doesn't work because the listItems.onClick gets called before the body.onClick

Gab Royer 2009-06-24 17:00:03

ansaurus

tags:

views:

answers:

Is there a way to detect a click anywhere on a page except for a certain region?

related questions