javascript中focus()函数作用

JavaScript0135

javascript中focus()函数作用,第1张

focus是获得焦点事件。

当一个文本框获得焦点时,它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中,这样的操作可以利用onfocus来实现。

以下的文本框,当鼠标指针移过去时,里面的文字全部被选中:

请输入网址

这是怎么做的呢?看以下代码及解释:

<input type="text"name="url" value="" size="30"onmousemove="this.focus()this.select()">

代码里,input标签内嵌入了onmousemove(鼠标指针经过)事件的JS语句,其等号后面的this.focus()意为其自身获得焦点;获得焦点的标志是该文本框内将出现输入光标,但要让其内的文字全部被选中,我们还得用上this.select()语句,它的意思就是选中全部文本框里的文字。

js我的focus获得焦点无效,是参数设置错误造成的,解决方法如下:

1、首先新建一个html文件,创建a标签和两个按钮。

2、然后创建js函数getfocus()。

3、函数获取a标签的焦点。

4、创建js函数losefocus()。

5、函数内容为失去焦点,为按钮添加点击事件触发函数。

6、最后预览效果如图,当点击获取焦点按钮a标签获取焦点,点击失去焦点,焦点消失。