div contentEditable pero Readonly

Tengo un div con texto y quiero cuando el cursor esté sobre este div para seleccionar el texto. Si dejo este div como está, cuando bash seleccionar todo (CTRL + A), selecciono todo el contenido de la página, es decir, todo el texto del cuerpo.

Para deshacerme de esto, necesito usar el atributo contenteditable para este div.

Pero no quiero permitir que las personas cambien el texto / copiar / cortar, etc.

Intento usar readonly para este div, pero no funciona.

¿Algún consejo, por favor?

PS1: este div también tiene otras tags adentro (contenido html), pero no creo que sea un problema.

PS2: un ejemplo está aquí: jsfiddle.net/msakamoto_sf/wfae8hzv/ – pero con un problema. Puedes cortar el texto 🙁

Puede evitar que el usuario corte al manejar el evento “cortar” y llamar a su preventDefault() . Esto evitará cortes con cualquier entrada de usuario (incluido el menú contextual o el menú de edición del navegador), no solo a través de una combinación de teclas en particular.

Este ejemplo usa jQuery porque jsFiddle lo usa:

 $("#editablediv").on("cut", function(e) { e.preventDefault(); }); 

Use event.metaKey en el evento keydown para verificar si se presionan las teclas ctrl (o cmd en mac). También debe desactivar los eventos de cut y paste .

 
content goes here

Para evitar ctrl + x (Cortar) desde div necesitas usar JQuery siguiente:

 if (event.ctrlKey && event.keyCode === 88) { return false; } 

Evitará cortar texto de div.

Compruebe Fiddle aquí.

set contenteditable a falso y debería funcionar !! así de simple.

use el atributo contenteditable para div para hacerlo editable o no y use readonly attr para los elementos de entrada del formulario.

   

para JavaScript,

document.getElementById(divid).contentEditable = "false";

esto funcionará