onFocus是JavaScript的里面的在对象获得焦点时发生的事件,最简单的实例就是网页的上的一个输入框,当使用鼠标点击该输入框使输入框被选中可以输入内容的时候就是该输入框获得焦点的时候,此时输入框就会触发onFocus事件。
HTML简介:超文本标记语言, 标准通用标记语言下的一个应用。 “ 超文本 ”就是指页面内可以包含图片、 链接,甚至音乐、 程序等非文字元素。 超文本标记语言的结构包括 “头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的 具体内容。
onfocus简介:
onfocus属于JavaScript中HTMLDOMEvent对象中的一个事件,onfocus事件在对象获得焦点(光标)时发生。
参数:
在onfocus事件发生时,"SomeJavaScriptCode"是必需执行的 JavaScript。
function lost(){
var input=document.getElementByIdx_x("input")
var input_value=input.value
if(input_value=="")
{
input.value="请输入文字"
input.style.color="#ccc"
}
}
function get()
{
var input=document.getElementByIdx_x("input")
input.value=""
input.style.color="black"
}
</script>
<input name="input" id="input" type="text" value="请输入文字" onblur="lost()" onfocus="get()"/>
一个是获取焦点事件一个失去焦点事件
1、先新建一个html文件,命名为test.html。
2、在test.html文件内,使用input标签创建一个输入框,并设置其value属性值为“默认值”。
3、在test.html文件内,设置input标签的id为myinput,主要用于下面通过该id获得input对象。
4、在test.html文件内,给input标签绑定失去焦点事件onblur,当失去焦点时,执行lost()函数;给input标签绑定获得焦点事件onfocus,当获得焦点时,执行getfoucs()函数。
5、在js标签内,创建lost()函数,在函数内,通过getElementById()方法获得input对象,使用value获得input的值,通过if判断,如果value值为空时,设置input的默认值为“默认值”。
6、在js标签内,创建getfoucs()函数,在函数内,通过getElementById()方法获得input对象,使用value获得input的值,通过if判断,如果value值等于“默认值”,设置input的默认值为空。
7、最后在浏览器打开test.html文件,查看实现的效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)