自动选定的文本框

网络与通信

在许多邮箱、论坛登录或提供文本下载的网站都可以看到这样一个简单而方便的功能,当鼠标指向文本框后,其中的内容就会被自动选中。那么,文本框是怎么做到如此“善解人意”的呢?
这里是使用了DHTML中的基本鼠标事件与对象相结合的方法来实现的。
例如以下表单:



//因为是对象本身,所以我们简化了对象的层次关系,直接在鼠标指向时调用focus()方法设置焦点和调用select()方法选择内容

//这里对象的引用就把层次关系表现出来了,因为是在同一表单内,document也可省略

当鼠标指向文本框时,文本框就会自动选定所有的内容,或者单击下面的按钮,也会选定文本框中的内容。