获取当前点的的对象？

Question

<div class="rool">
    <button type="button" class="btn" id="tralef">TRA LEF</button><!--左移动，方向不变-->
    <button type="button" class="btn" id="tratop">TRA TOP</button><!--上移动，方向不变-->
    <button type="button" class="btn" id="trarig">TRA RIG</button><!--右移动，方向不变-->
    <button type="button" class="btn" id="trabot">TRA BOT</button><!--下移动，方向不变-->
    <button type="button" class="btn" id="movlef">MOV LEF</button><!--左旋转，左移动-->
    <button type="button" class="btn" id="movtop">MOV TOP</button><!--上旋转，上移动-->
    <button type="button" class="btn" id="movrig">MOV RIG</button><!--右旋转，右移动-->
    <button type="button" class="btn" id="movbot">MOV BOT</button><!--下旋转，下移动-->
</div>

function go(ev){
    var e=ev||window.event;
    var btn=e.target||e.srcElement;
    var btnId = btn.id;
    console.log(btnId);
}

ev的参数我应该写什么实参？

Answer 1

go实际上的角色是充当事件执行后触发的回调函数，ev为这个事件回调的事件对象，go不需要你手动执行。<button type="button" class="btn" id="tralef" onclick="go()">TRA LEF</button> //下面省略或者在用js绑定var aBtns = document.getElementsByClassName("btn"); for(var i = 0;i<aBtns.length;i++){     aBtns[i].onclick = go; }