addEventListener nasıl kullanılır

Düğme her basıldığında div öğeleri oluşturan bir komut dosyası oluşturuyordum. Başlangıçta ben onclick özniteliği ile satır içi denilen işlevi vardı, ama bu yüzden dışarı taşındı ve bunun yerine bu yüzden ben bile emin değilim önce addEventListener() hiç kullanmadıysanız addEventListener("click",function());addEventListener nasıl kullanılır

kullanmaya çalıştı gibi jslint değil doğru kullanarak.

Sorun, sayfa yüklendiğinde ve düğmeye basıldığında hiçbir şey yapmayacağı zaman bir div oluşturmasıdır.

Önceden teşekkür ederiz. Bu

input.addEventListener("click", function(){ 
    createEntry(document.getElementById('a').value); 
});

gibi

<body> 
<form> 
    <textarea id="a"></textarea>  
    <br> 
    <input value="button" type="button"> 
</form> 
<div id="content"> 
</div> 
<script> 
    /*jslint browser:true */ 
    function createEntry(text) { 
     "use strict"; 

     var div = document.createElement("div"); 
     div.setAttribute("class", "test"); 
     document.getElementById("content").appendChild(div); 
    } 
    var input = document.getElementsByTagName("input")[0]; 
    input.addEventListener("click", createEntry(document.getElementById('a').value)); 
</script>

kaynak

2012-12-07 Kyle Messner

değiştirme olayı dinleyicisi bu haliyle, bir olay dinleyici olarak createEntry sonucunu geçiyoruz: Burada

ben ne var fonksiyonun kendisi değil

Daha fazla bilgiye buradan ulaşabilirsiniz:

https://developer.mozilla.org/en/docs/DOM/element.addEventListener

kaynak

2012-12-07 21:14:58 lostsource

Ah! Zaman ayırdığınız için çok teşekkürler. :] –

Değişim

input.addEventListener("click", function(){ 
createEntry(document.getElementById('a').value); 
});

kaynak

2012-12-07 21:15:17

Zaman ayırdığınız için teşekkür ederiz. :] –

içine bu hat

input.addEventListener("click", createEntry(document.getElementById('a').value));

güvenli ve bütünlüğü için tarayıcıyı olmak, olay işleme ve DOM manipülasyon için jQuery gibi bir JavaScript kütüphanesi kullanmayı deneyin.

Aşağıdaki gibi jQuery olay işleyicileri kullanabilirsiniz:

$(<element_selector>).on("click", function (event) { 
    // your code here... 
});

kaynak

2012-12-07 21:18:53

JQuery ile nasıl yapılacağını biliyordum ama Javascript becerilerimi onsuz yazarak geliştirmek istedim. Yine de tarayıcı güvenliği konusunda iyi bir noktaya gelin. Teşekkürler :] –

addEventListener nasıl kullanılır

cevap

İlgili konular