Как читать ввод текста из нажатия кнопки ненавязчиво в JavaScript?

Question

как читать ввод текста из нажатия кнопки ненавязчиво в JavaScript?Кто-нибудь может предоставить образец?

<script type="text/javascript>
window.onload = function() {

var btn = document.getElementById(
    "btn"
);
btn.addEventListener("click",function() { alert("bar"); },false);

}
</script>    

и в теле

<div id="content">
<input type="text" id="percent" value="" />
<button id="btn">click</button></div>

Answer 1

Да, addEventListener (с attachEvent IE) является наиболее ненавязчивым. Чтобы получить значение текстового поля, вы просто используете свойство .value текстового поля.

<script type="text/javascript">
    window.onload = function () {
        var btn = document.getElementById("btn");
        if (btn.addEventListener) {
            btn.addEventListener("click", btnClick, false);
        } else if (btn.attachEvent) {
            btn.attachEvent("onclick", btnClick);
        }
    };
    function btnClick() {
        alert(document.getElementById("percent").value);
    }
</script>