JS 에서 onfocus () 이벤트, onblur () 이벤트, onload () 이벤트

1. onfocus 사건 은 대상 이 초점 을 맞 출 때 발생 합 니 다.
실례:

<html>
<head>
<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>

  ：      input      input

 
  2. onblur 事件会在对象失去焦点时发生; 
  实例： 
  <html>
<head>
<script type="text/javascript">
    function upperCase()
    {
        var x=document.getElementById("fname").value
        document.getElementById("fname").value=x.toUpperCase()    //toUpperCase()              
    } 
script>
head>
  <body> 
          ： <input type="text" id="fname" onblur="upperCase()"/> 
body>
html>
  
    ： input            input             input value      
   
  3.onload 事件会在页面或图像加载完成后立即发生。 
  window.onload 回调函数其实是在页面加载完成后（包括图片内容的显示）才会执行，并不是页面加载的等待过程中就执行。
 
   
  
例： 
   
  


function load()
{
window.status="Page is loaded"
}



onload="load()">


  onload，    ，    body    ，    body

JS 에서 onfocus () 이벤트, onblur () 이벤트, onload () 이벤트

좋은 웹페이지 즐겨찾기