javascript - onkeypress 识别当前 div

Question

我有多个带有 onkeypress 事件的 contenteditable div，如下所示:

JsFiddle

<script>
function hadd(event){   
        var val = event.charCode;               
        if(val == 36){//$ sign  
            var current  = $(this);             
            console.log("val_c: " + val);
            console.log("rh: " + current);        
            current.append("correct");
        }           
    };
</script>

 <div class="example" contenteditable="true" tabindex="-1" onkeypress="hadd(event);">Test</div>
 <div class="example" contenteditable="true" tabindex="-1" onkeypress="hadd(event);">Test_2</div>
 <div class="example" contenteditable="true" tabindex="-1" onkeypress="hadd(event);">Test_3</div>

我想要的是让 hadd(event) 识别“$(this)”。我应该做出什么改变？因为我遇到了 createDocumentFragement 错误。

谢谢!

Answer 1

您需要添加第二个参数并传递当前元素。

onkeypress="hadd(event, this);"

在你的代码中:

function hadd(event, which) {
    current = $(which);
    //...
}

或者简单来说，你也可以使用:

function hadd(event) {
    current = $(event.target);
    //...
}

工作 fiddle :https://jsfiddle.net/wxwz7bab/