Der Versuch, diese mit Hilfe der Pfeil Syntax neu zu schreiben

Question

Ich dachte, ich könnte dies tun:

$('body').on('focus', '[contenteditable]', e => { 
     var self = $(e) 
     self.data('before', self.html()) 
     return self 
}) 

aber es sagt: "nicht Eigentum lesen 'createDocumentFragment' undefinierter"

$('body').on('focus', '[contenteditable]', myfocus) 
 

 
function myfocus() { 
 
    var self = $(this) 
 
    self.data('before', self.html()) 
 
    return self 
 
}

p { 
 
cursor:pointer 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p contenteditable>Click here to edit</p>

Answer 1

Sie müssen $(e.target) verwenden;

In myfocus Funktion this ist eine Referenz, die auf den DOM beziehtelement, die die event ausgelöst.

In der jQuery-Funktion, this bezieht sich auf die event erstellt, so können Sie das DOM Element event.target mit zuzugreifen.

event.target Eigenschaft gibt das Element zurück, das die event ausgelöst hat.

$('body').on('focus', '[contenteditable]', (e) => { 
 
     var self = $(e.target); 
 
     self.data('before', self.html()) 
 
     return self; 
 
})

p { 
 
cursor:pointer 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p contenteditable>Click here to edit</p>