onkeypress事件認識到當前的div

Question

我有多個CONTENTEDITABLE分度onkeypress事件象下面這樣：

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); 
    //... 
} 

工作小提琴：https://jsfiddle.net/wxwz7bab/

Answer 2

變化

var current = $(this); 

到

var current = $(event.target); 

Answer 3

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