addEventListener用这个给li绑定事件

jQuery中的on方法可以选择标签
on()方法

直接给li这个element绑定事件：

var listItem = document.querySelector('.item');

function doStuff(){
    ...
}
listItem.addEventListener('click', listItem, false);

li内部的任何子元素被点击，通过事件冒泡，li元素都会接受到这个点击事件。

第三个参数useCapture = false，表示handler被设置在冒泡阶段，子元素先被触发，父元素后被触发；
当useCapture = true时，表示handler被设置在捕获阶段，父元素先被触发，子元素后被触发；

useCapture
If true, useCapture indicates that the user wishes to initiate capture. After initiating capture, all events of the specified type will be dispatched to the registered listener before being dispatched to any EventTargets beneath it in the DOM tree. Events which are bubbling upward through the tree will not trigger a listener designated to use capture. See DOM Level 3 Events for a detailed explanation.

另外因为这是li，所以估计你应该用querySelectorAll，在给它们绑定事件时可能会需要用到闭包，这里可以注意一下。

function isInNodes(nodes,child){
    if(!_Type.isArray(nodes) || child.nodeType !== 1) return -1;
    var i = 0,l = nodes.length;
    while(i < l){
        if(nodes[i].nodeType === 1 && nodes[i].contains( child ) ) return i;
        i++;
    }
    return -1;
}

//判断child是否在nodes中，或子元素;返回Number||-1
这个是我用的，nodes = 所有的li，child = e.target 对象，判断点击的对象是li的哪个子元素

onclick只是你绑定的DOM本身的一个事件回调（方法），并不涉及事件传递，所以我觉得这也并不能称为事件委托。委托还是要用addEventListener的（仅就原生来说，jQuery里就是on）

看题主，应该是想如何有简单的方法判断element1是否是element2的descendant,答案就是自己写一个利用parentNode的函数，详见stackoverflow

应该是事件冒泡问题引起的，同意zach5078的方案

var buyList = document.querySelector('.buy-list');
var findli = function(e) {
  var el = e.target;
  while(el.tagName !== 'LI') {
    el = el.parentNode;
    if (!el) {
        break;
    }
  }
  return el;
};
buyList.onclick = function(e){
     var target = e.target;
     var li = findli(e);
     if (li) {
       // 动作
     }

}

判断target，当前触发事件的

难道你的ul标签里还有不是li元素的直接子元素？？那就说明你的HTML就是不规范的