1.6 事件&案例练习

事件-概述

• 概念：某些组件被执行了某些操作后，触发某些代码的执行。

  • 事件：某些操作。如： 单击，双击，键盘按下了，鼠标移动了

  • 事件源：组件。如： 按钮，文本输入框等等

  • 监听器：代码。

  • 注册监听：将事件，事件源，监听器结合在一起。 当事件源上发生了某个事件，则触发执行某个监听器代码。

• 常见的事件：

  • 点击事件：

    • onclick：单击事件

    • ondblclick：双击事件

  • 焦点事件

    • onblur：失去焦点

    • onfocus:元素获得焦点。

  • 加载事件：

    • onload：一张页面或一幅图像完成加载。

  • 鼠标事件：

    • onmousedown 鼠标按钮被按下。

    • onmouseup 鼠标按键被松开。

    • onmousemove 鼠标被移动。

    • onmouseover 鼠标移到某元素之上。

    • onmouseout 鼠标从某元素移开。

  • 键盘事件：

    • onkeydown 某个键盘按键被按下。

    • onkeyup 某个键盘按键被松开。

    • onkeypress 某个键盘按键被按下并松开。

  • 选择和改变

    • onchange 域的内容被改变。

    • onselect 文本被选中。

  • 表单事件：

    • onsubmit 确认按钮被点击。

    • onreset 重置按钮被点击。

案例5-表格全选

    
    
    







    
学生信息表
    

        

        
编号
        
姓名
        
性别
        
操作
    

    

        

        
1
        
令狐冲
        
男
        
删除
    

    

        

        
2
        
任我行
        
男
        
删除
    

    

        

        
3
        
岳不群
        
?
        
删除
    



    
    
    


    

 

案例6-表单检验

    
    
    

    





    

        
新用户注册
        
USER REGISTER

    

    

        

            
            

                

                    

                        
用户名
                        

                            
                            
                        
                    

                    

                        
密码
                        

                            
                            
                        
                    

                    

                        
Email
                        

                    

                    

                        
姓名
                        

                    

                    

                        
手机号
                        

                    

                    

                        
性别
                        

                             男
                             女
                        
                    

                    

                        
出生日期
                        

                    

                    

                        
验证码
                        

                            
                        
                    


                    

                        

                    
                

            


        

    

    

        
已有账号?立即登录