<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function setStyle(x){
document.getElementById(x).style.background="yellow";
}
</script>
<title></title>
</head>
<body>
<p>当输入的字段是获得焦点的触发函数,此函数改变的输入字段的背景色</p>
First name:<input type="text" id="fname" οnfοcus="setStyle(this.id)"><br/>
Last name:<input type="text" id="lname" οnfοcus="setStyle(this.id)">
</body>
</html>
<!-- 这个程序的考察点是不同的,刚才的按一个是失去输入焦点,这是获得输入焦点
当获得输入焦点的时候背景的颜色发生变,这个地方的一个事件的是onfocus这个事件,俺么怎样才算是触发这个事件,当我们的光标放到输入框时候,可以看到底 是会调用一个script脚本函数,这个函数传递了一个参数,也就就是输入框的id
这个地方问啥也能不从函数中直接获取id因为我们有两个输入框,当都调用了这个函数,我们也可以看到的是输入框的id值样来获取,是通过的this这个表示的是这个元素,或者说这个对象,加点id就是这个对象的id值了 -->
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function setStyle(x){
document.getElementById(x).style.background="yellow";
}
</script>
<title></title>
</head>
<body>
<p>当输入的字段是获得焦点的触发函数,此函数改变的输入字段的背景色</p>
First name:<input type="text" id="fname" οnfοcus="setStyle(this.id)"><br/>
Last name:<input type="text" id="lname" οnfοcus="setStyle(this.id)">
</body>
</html>
<!-- 这个程序的考察点是不同的,刚才的按一个是失去输入焦点,这是获得输入焦点
当获得输入焦点的时候背景的颜色发生变,这个地方的一个事件的是onfocus这个事件,俺么怎样才算是触发这个事件,当我们的光标放到输入框时候,可以看到底 是会调用一个script脚本函数,这个函数传递了一个参数,也就就是输入框的id
这个地方问啥也能不从函数中直接获取id因为我们有两个输入框,当都调用了这个函数,我们也可以看到的是输入框的id值样来获取,是通过的this这个表示的是这个元素,或者说这个对象,加点id就是这个对象的id值了 -->