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

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

textbox.select();

在文本框獲得焦點(diǎn)時(shí)選擇其所有文本，這是一種非常常見(jiàn)的做法，特別是在文本框包含默認(rèn)值的時(shí)候。因?yàn)檫@樣做可以讓用戶(hù)比比一個(gè)一個(gè)的刪除文本。下面展示了實(shí)現(xiàn)這一操作的代碼：

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();

})

將上面的代碼應(yīng)用到文本框之后，只要將文本框獲得焦點(diǎn)，就會(huì)選擇其中所有的文本。這種技術(shù)能夠較大幅度地提升表單的易用性。