如何在javascript中不显眼地点击按钮上的文本输入?

时间:2011-01-17 23:35:35

标签: javascript javascript-events unobtrusive-javascript

如何在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>

1 个答案:

答案 0 :(得分:3)

是的,addEventListener(使用IE的attachEvent)是最不引人注目的。要获取文本框的值,只需使用文本框的.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>