鼠标委托事件

                //委托鼠标over
                $('.in1').on("mouseover", '.div2', function () {
                    if ($(this).attr('clicked') != '1') {
                        if ($(this).attr('editing') != '1') {
                            $(this).css('backgroundColor', '#B8D8F8');
                        };
                    };
                });
                //委托鼠标out
                $('.in1').on("mouseout", '.div2', function () {
                    if ($(this).attr('clicked') != '1') {
                        if ($(this).attr('editing') != '1') {
                            $(this).css('backgroundColor', '#fff');
                        }
                    };
                });
                //委托鼠标点击，如果别的已经被点击过，就取消前一个变色与属性clicked
                $('.in1').on("click", '.div2', function () {
                    if ($(this).attr('clicked') != '1') {
                        $('.in1 .div2').each(function () {
                            if ($(this).attr('clicked') == '1') {
                                removeClicked($(this));
                            }
                        });
                    }
                    addClicked($(this));
                });
                //委托键盘退格与del，删除div
                $('.in1').on("keydown", 'div', function (e) {
                    //alert(111);
                    if (e.keyCode == 8 || e.keyCode == 46) {
                        $('.in1 div').each(function () {
                            if ($(this).attr('clicked') == '1') {
                                $(this).remove();
                                return false;
                            };
                        });
                    }
                });
            })
需要注意的是:经过博主的实践,以上的代码是可行,但是需要区分浏览器来实现,以上代码可以在IE浏览器中实现鼠标委托事件,在谷歌浏览器中无法实现.