欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

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

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

textbox.select();

在文本框獲得焦點時選擇其所有文本，這是一種非常常見的做法，特別是在文本框包含默認(rèn)值的時候。因為這樣做可以讓用戶比比一個一個的刪除文本。下面展示了實現(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)用到文本框之后，只要將文本框獲得焦點，就會選擇其中所有的文本。這種技術(shù)能夠較大幅度地提升表單的易用性。