【小白成长史】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;}