javascript键盘鼠标事件及音频视频图片标签

监视键盘行为:

1. 键盘按下的时候会触发：onkeydown

   <input type="text" id="test1" οnkeydοwn="alert(this.value);"/>

   松开键盘时会出发：onkeyup。

  <input type="text" id="test2" οnkeyup="alert(this.value);"/>

2. onfocus: 得到焦点   

onblur:  是失去焦点

<input type="text" value="请输入搜索关键字"

    οnfοcus="if(this.value=='请输入搜索关键字')     this.value=''"

    οnblur="if(this.value=='')                      this.value='请输入搜索关键字'"/>

3. onsubmit 事件会在表单中的确认按钮被点击时发生。

    <form name="testform" action="jsref_onsubmit.asp"

            οnsubmit="alert('Hello ' + testform.fname.value +'!')">

            What is your name?<br/><br/>

            <input type="text" name="fname" /><br/><br/>

            <input type="submit" value="Submit" />

      </form>

4.     图片代替按钮提交（点击图片跳转到指定地址）

                                                   <!-- 提交地址 -->
    <form method="post" name="Form_2" action="http://www.jsdaima.com/js/demo/863.html">    
                                                          <!-- 手动提交submit()的方法 -->
            <input type="image" src="..//cq_images//test//添加.gif" 
            οnclick="javascript:document.forms['Form_2'].submit(); />   
        </form>

5 .onmouseover:鼠标移进

  onmouseout:鼠标移出

6. <!-- <audio>标签定义声音，比如音乐或者其他音频流 -->
       <audio src=''></audio>

       <!-- <video>视频标签 -->
       <video src=''></video>

7. <!-- alt="图片不能正常显示出来的时候，替代的文字" title="鼠标移上去显示的图片解释文字" -->
       <img src="../6-1images/timg.gif" alt="图片不能正常显示出来的时候，替代的文字" title="鼠标移上去显示的图片解释文字">

5.onclick : 点击触发