JavaScript AddEventListener Ausnahmen

Question

Im Moment dieser Code funktioniert perfekt für mich:

function click(event){ 
    var header = document.getElementById('header'); 
    var text = document.createElement('textarea'); 
    text.multiline = true; 
    text.cols = 30; 
    text.rows = 6; 
    text.style.cssText = "position: absolute; margin-left:" + event.clientX + "px; margin-top:" + (event.clientY - 50) + "px;"; 
    header.parentNode.insertBefore(text, header.nextSibling); 
} 
document.addEventListener("click", click); 

Aber ich frage mich, wenn Sie es von der Aktivierung stoppen können, wenn Sie auf den Textbereich klicken.

Answer 1

Testen Sie die target-node mit event.target.nodeName

function click(event) { 
 
    if (event.target.nodeName.toUpperCase() !== 'TEXTAREA') { 
 
    var header = document.getElementById('header'); 
 
    var text = document.createElement('textarea'); 
 
    text.multiline = true; 
 
    text.cols = 30; 
 
    text.rows = 6; 
 
    text.style.cssText = "position: absolute; margin-left:" + event.clientX + "px; margin-top:" + (event.clientY - 50) + "px;"; 
 
    header.parentNode.insertBefore(text, header.nextSibling); 
 
    } 
 
} 
 
document.addEventListener("click", click);

<header id='header'>Header</header>