Lo que quiero hacer es que cuando se le dé click a un elemento se haga editable y si se le vuelve a dar click ya no sea editable, pero si se activa el cursor para añadir texto que no se vuelva no editable, tengo esto:
Html:
<div class="element"></div>
Js:
const element = document.getElementsByClassName("element")[0];
element.addEventListener("click", on_click);
function on_click(){
if(element.contentEditable=="true"){
element.contentEditable="false";
return;
}
element.contentEditable="true";
}
Lo que pasa esque si le doy click automáticamente no puedo escribir en el y cuando le doy click en el elemento para poder escribir ya se me vuelve ineditable, lo que quiero es detectar si el cursor de texto está activado, y si esta no se vuelva ineditable. ¿existe alguna función para detectar cuando se activa el cursor del texto? Muchas gracias!