通过addEventListener向当前元素内添加child时如何定位到当前元素

html代码如下：

<div class="field"></div>
<div class="field"></div>
<div class="field"></div>

js代码如下：

<script>
    function X1(className){return document.getElementsByClassName(className)};
    var cover=document.createElement("div");
    var fieldArr=X1("field");
    for (var i=0;i<fieldArr.length;i++){
        fieldArr[i].addEventListener("mouseover",addCover,false);
        function addCover(this){
            this.appendChild(cover);
        }
    }
</script>

我试图用this定位,但是提示Unexpected token this
可我又不想用id定位，请问如何实现。

---

addEventListener的第二个参数不能传参的

---

this是关键字, 不能用于参数名. 且这里也不需要用它来当参数名.

<div class="field">1</div>
<div class="field">2</div>
<div class="field">3</div>
<script>
    function X1(className){return document.getElementsByClassName(className)};
    var cover=document.createElement("div");
    cover.innerHTML = 'cover';
    var fieldArr=X1("field");
    for (var i=0;i<fieldArr.length;i++){
        fieldArr[i].addEventListener("mouseover",addCover,false);
    }
    function addCover(){
        this.appendChild(cover);
    }
</script>