JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container">
someText <a href="#">A link</a>
</div>
JavaScript
var el = document.getElementById("container")
el.setAttribute("contenteditable", "true")
el.style.cursor = "pointer"
el.style.outline = "none"
el.addEventListener("click", function () {
var selection = document.getSelection(),
node = selection.baseNode
selection.removeAllRanges()
if (node.nodeType == 3 && node.parentNode == el) {
alert("someText are clicked")
}
})
el.addEventListener("keydown", function (event) {
event.preventDefault()
return false
})