除了某个区域外,是否有方法检测页面上任何地方的单击?

onblur不会剪切它,因为这不是一个标准的html输入元素。

你想检查什么 this 指调用onclick事件的时间。如果它引用列表中的项目,则可以选择列表中的项目。如果它指向列表之外,则取消选择列表中的所有项。

代码可能类似于:

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

使用此代码取决于在html上有一个属性来标识元素是列表项。您还需要防止事件传播到任何子元素。我不确定这是否必要,但通常是因为事件会传播到包含列表项的元素。

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

看看onblur

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

模糊是当焦点从元素“丢失”时

伪代码:

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

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

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