Hello Word

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
1 <form>
2     <input type="submit" value="按钮" />
3 </form>

事件:

  1 $(function () {
  2 
  3     /*
  4     $('input').bind('click', function () {
  5         alert('弹窗!');
  6     });
  7 
  8     
  9     $('input').bind('click', fn);
 10     
 11     function fn() {
 12         alert('处理函数!')
 13     }
 14 
 15     
 16     $('input').bind('click mouseover', function () {
 17         alert('弹窗!');
 18     });
 19 
 20     
 21     $('input').bind('mouseover mouseout', function () {
 22         $('div').html(function (index, value) {
 23             return value + '1';
 24         });
 25     });
 26 
 27     
 28     $('input').bind({
 29         mouseover : function () {
 30             alert('移入');
 31         },
 32         mouseout : function () {
 33             alert('移出');
 34         }
 35     });
 36 
 37     
 38     $('input').bind({
 39         'mouseover' : function () {
 40             alert('移入');
 41         },
 42         'mouseout' : function () {
 43             alert('移出');
 44         }
 45     });
 46 
 47     
 48     $('input').bind('click mouseover', function () {
 49         alert('弹窗!');
 50     });
 51 
 52     
 53     $('input').bind('click', fn1);
 54     $('input').bind('click', fn2);
 55     
 56     function fn1() {
 57         alert('fn1');
 58     }
 59     
 60     function fn2() {
 61         alert('fn2');
 62     }
 63     
 64     //$('input').unbind();        //删除全部事件
 65     //$('input').unbind('click');    //只删除click事件
 66     $('input').unbind('click', fn2);  //删除click事件绑定了fn2的
 67 
 68     
 69     $('input').click(function () {
 70         alert('单击');
 71     });
 72     
 73     $('input').dblclick(function () {
 74         alert('双击');
 75     });
 76     
 77     $('input').mousedown(function () {
 78         alert('鼠标左键按下');
 79     });
 80     
 81     $('input').mouseup(function () {
 82         alert('鼠标左键按下弹起');
 83     });
 84     
 85     $(window).unload(function () {            //一般unload卸载页面新版浏览器应该是不支持的,获取要设置一个。
 86         alert('1');                                        //一般用于清理工作。
 87     });
 88     
 89     $(window).resize(function () {            
 90         alert('文档改变了');                                    
 91     });
 92     
 93     $(window).scroll(function () {            
 94         alert('滚动条改变了');                                    
 95     });
 96     $('input').select(function () {
 97         alert('文本选定');
 98     });
 99     
100     $('input').change(function () {
101         alert('文本改变');
102     });
103     */
104 
105     $('form').submit(function () {
106         alert('表单提交!');
107     });
108     
109     
110     
111 });

 

posted on 2016-05-23 14:40  该名称已被使用  阅读(106)  评论(0编辑  收藏  举报