日韩欧美国产精品免费一二-日韩欧美国产精品亚洲二区-日韩欧美国产精品专区-日韩欧美国产另-日韩欧美国产免费看-日韩欧美国产免费看清风阁

<input>和<textarea>兩種文本框都支持select()方法，這個方法用于選擇文本框中的所有文本。在調用select()方法時，大多數瀏覽器都會將焦點設置到文本框。這個方法不接受參數，可以在任何時候調用。下面來看一個例子：

var textbox = document.forms[0].elements["textbox1"];

textbox.select();

在文本框獲得焦點時選擇其所有文本，這是一種非常常見的做法，特別是在文本框包含默認值的時候。因為這樣做可以讓用戶比比一個一個的刪除文本。下面展示了實現這一操作的代碼：

var EventUtil = {

    addHandler: function (element, type, handler) {

        if (element.addEventListener) {

            element.addEventListener(type, handler, false);

        } else if (element.attachEvent) {

            element.attachEvent("on" + type, handler);

        } else {

            element["on" + type] = handler;

        }

    },

    getEvent: function (event) {

        return event ? event : window.event;

    },

    getTarget: function (event) {

        return event.target || event.srcElement;

    }

};

var textbox = document.forms[0].elements["textbox1"];

EventUtil.addHandler(textbox, "focus", function (event) {

    event = EventUtil.getEvent(event);

    var target = EventUtil.getTarget(event);

    target.select();

})

將上面的代碼應用到文本框之后，只要將文本框獲得焦點，就會選擇其中所有的文本。這種技術能夠較大幅度地提升表單的易用性。