• 基础事件(上)


    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 });
  • 相关阅读:
    移动端开发常遇问题解答
    CSS属性小结之--半透明处理
    jquery事件代理
    sprite图在移动端的使用
    vertical-align及IE7下的inline-block
    图片延迟加载
    iOS NSInteger/NSUInteger与int/unsigned int、long/unsigned long之间的区别!
    GCD深入理解(1)
    iOS 开发图片资源选择png格式还是jpg格式
    iOS沙盒(sandbox)机制及获取沙盒路径
  • 原文地址:https://www.cnblogs.com/jiangjianzhu/p/5519904.html
Copyright © 2020-2023  润新知