【小白成长史】event.target的使用

我使用的环境如下，手写的轮播，鼠标点击或者用上下箭头控制，切换不同的轮播图会显示对应的轮播的视频。每一个标签都给与了对应的id，用id去找寻对应的视频。

下文引自W3school：

“target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。”

function findCamera(id){
    var  event = event? event: window.event
    var srcObj = event.srcElement ? event.srcElement : event.target;//前两句是为了解决ie，chrome，Firefox兼容性问题，

    var cameraId = $(srcObj).attr("id").substring(8)//这里就获取到了响应目标id
    $(".dropimg").removeClass('changeBorder');//给所有轮播图片都去掉changeBorder这个class
    $(event.target).addClass('changeBorder');//changeBorder是写好的css，给选中图加边框
    document.getElementById("play").innerHTML="";
    $.ajax({
        type: 'post',
        url: 'XXX/XXX/XXX' ,
        data:{'XXX':XXX,'XXX':XXX},
        async: false,
        dataType: 'json',
        success: function (data) {
           这里是拿过来数据显示视频的，为了保密就删去了
		
        },
    })
}

CSS：

.changeBorder{
    border:5px solid #b15b5b;
}