• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • onfocus

    定义和用法

    onfocus属性在元素获得焦点时触发

    onfocus通常用于<input><select>、和<a>元素。

    提示:onfocus属性相反的属性事件为onblur

    注意:onfocus属性不能使用于以下元素:<base><bdo><br><head><html><iframe><meta><param><script><style>、或<title>

    语法

    <element onfocus="script">

    浏览器支持

    所有主流浏览器都支持onfocus事件属性

    示例

    <html>
    	<head>
    		<title>www.lanmper.cn</title>
    		<script type="text/javascript">
    		function setStyle(x)
    		{
    		document.getElementById(x).style.background="yellow"
    		}
    		</script>
    	</head>
    	<body>
    		First name: <input type="text"
    		onfocus="setStyle(this.id)" id="fname" />
    		<br />
    		Last name: <input type="text"
    		onfocus="setStyle(this.id)" id="lname" />
    	</body>
    </html>
    

    HTML 4.01 与 HTML5之间的差异

    无。

    属性值

    描述
    script规定该onfocus事件触发时执行的脚本

    实例

    当输入域获得焦点时运行脚本:
    <input type="text" id="fname" onfocus="setstyle(this.id)">

    上篇:onchange

    下篇:ontoggle