精华内容
下载资源
问答
  • jQuery on()方法(函数)有哪些事件
    2019-11-06 14:43:02

    jQuery1.8.3的on()函数里面支持的事件

    blur
    focus
    focusin
    focusout
    load
    resize
    scroll
    unload
    click
    dblclick
    mousedown
    mouseup
    mousemove
    mouseover
    mouseout
    mouseenter
    mouseleave
    change
    select
    submit
    keydown
    keypress
    keyup
    error
    contextmenu


    源码文件:jquery/src/event/alias.js 

    jQuery.each( ( "blur focus focusin focusout resize scroll click dblclick " +
    	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
    	"change select submit keydown keypress keyup contextmenu" ).split( " " ),
    	function( _i, name ) {
    
    	// Handle event binding
    	jQuery.fn[ name ] = function( data, fn ) {
    		return arguments.length > 0 ?
    			this.on( name, null, data, fn ) :
    			this.trigger( name );
    	};
    } );

    https://github.com/jquery/jquery/blob/master/src/event/alias.js

    更多相关内容
  • 教你如何给 jQuery on方法绑定的函数传递参数,代码如下: 代码如下: $(“.loadingFlower”).on(“click”,”,{name:”123″,id:”234″,tel:”345″},callback)   function callback(event){  console.log(event...
  • 支持给动态元素和属性绑定事件的是live和on,其中live在JQUERY 1.7之后就不推荐使用了。现在主要用on,使用on的时候也要注意,on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等,可以放在...
  • jQuery on()方法是官方推荐的绑定事件的一个方法。 $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind()  $("p").bind("click",function(){  alert("The ...
  • 主要介绍了jQuery on()方法绑定动态元素的点击事件的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
  • 主要介绍了jQuery on()方法使用技巧详解,本文讲解了trigger()绑定、多个事件绑定同一个函数、多个事件绑定不同函数、绑定自定义事件、传递数据到函数等技巧,需要的朋友可以参考下
  • 插件下载地址: ... 一个按钮小插件,首先引入css和js ...link rel="stylesheet" href="../js/dist/jquery.onoff.css" rel="external nofollow" /> <script type="text/javascript" src="../js/dist/
  • jQuery on()方法是官方推荐的绑定事件的一个方法。使用 on() 方法可以给将来动态创建的动态元素绑定指定的事件,例如append等。 之前使用 on 的时候一直是 $().on('click','function(){ }') 之后发现有些时候一直...
  • off()函数主要用于解除由on()函数绑定的事件处理函数。 该函数属于jQuery对象(实例)。 语法 jQuery 1.7 新增该函数。其主要有以下两种形式的用法: 用法一: jQueryObject.off( [ events [, selector ] [, handler ]...
  • 下面小编就为大家带来一篇Jquery on绑定的事件 触发多次实例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • jquery on方法支持事件明细,
  • 下面小编就为大家带来一篇Jquery on方法绑定事件后执行多次的解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 主要介绍了js与jquery实时监听输入框值的oninput与onpropertychange方法,实例分析了oninput与onpropertychange实现下拉框里自动匹配关键字实时监听文本框value值变化的功能,需要的朋友可以参考下
  • 下面小编就为大家带来一篇浅析jQuery事件之on()方法绑定多个选择器,多个事件。小编觉得挺不错的,现在分享给大家。也给大家做个参考
  • 支持给动态元素和属性绑定事件的是live和on,其中live在JQUERY 1.7之后就不推荐使用了。现在主要用on,使用on的时候也要注意,on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等,可以放在...

    支持给动态元素和属性绑定事件的是live和on,其中live在JQUERY 1.7之后就不推荐使用了。现在主要用on,使用on的时候也要注意,on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等,可以放在on的第二个参数里面。

    案例如下:

    <!DOCTYPE html>
    <html>
    <head>
        <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js">
        </script>
        <script>
            $(document).ready(function(){
                $("#btn").click(function(){
                    $('#div1').append('<button>newAdd</button>')
                });
    
                $("#div1").on("click",'button',function(){
                    alert("click");
                });
            });
        </script>
    </head>
    <body>
    <div id="div1">
    
    </div>
    <button>abc</button>
    <input type="button" id='btn' value='add'/>
    
    </body>
    </html>
    
    展开全文
  • 之前写jQuery中的一般情况如下: $("#ID").on('event',function(){ …… }); 这样写就会存在个问题就是,如果页面中的id为’ID’的元素为动态加载,那么绑定的这些事件...自 jQuery 版本 1.7 起,on() 方法是 bin...

    之前写jQuery中的一般情况如下:

    $("#ID").on('event',function(){
    	……
    });
    

    这样写就会存在个问题就是,如果页面中的id为’ID’的元素为动态加载,那么绑定的这些事件就会失效。

    后来再网上也有用live解决的,后来再官方文档中发现

    on() 方法在被选元素及子元素上添加一个或多个事件处理程序。
    自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库。
    注意:使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)。
    提示:如需移除事件处理程序,请使用 off() 方法。
    提示:如需添加只运行一次的事件然后移除,请使用 one() 方法。

    因此后面的还是没有采用live的解决办法,解决办法如下

    $(document).on('click','div[name=addGoods]',function () {
    	……
    });
    

    jquery 关于on的描述
    在这里插入图片描述

    展开全文
  • jQuery on()方法实现原理(事件委托)

    千次阅读 2018-01-14 22:06:28
    html> html lang="en"> head> meta charset="UTF-8"> title>jQuery on()方法实现原理(事件委托)title> style> #list li{ margin: 20px; width: 200px; height: 50px;
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>jQuery on()方法实现原理(事件委托)</title>
        <style>
            #list li{
                margin: 20px;
                width: 200px;
                height: 50px;
                background: yellowgreen;
                font-size: 30px;
                line-height: 50px;
                text-align: center;
                color: #fff;
            }
        </style>
    </head>
    <body>
    <ul id="list">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    </body>
    </html>
    <!--
    1.data 是一个对象,给e增加一个属性data存储这个值
    2.str 处理预留事件,事件委托,str要作为事件源
    3.str只要是传了,此时事件源必须是str才可以执行绑定的函数,并且要把函数中的this变当前事件源
    4.str没传,直接执行绑定的函数,函数中的this就给on方法中的this
    
    -->
    <script type="text/javascript">
        EventTarget.prototype.on=function (type,...arg) {
            let str,data,callback;
            arg.forEach((item)=>{
                //str要么是一个false要么是一个字符串
                typeof item=="string"?str=item:item.toString()=="[object Object]"?data=item: typeof item=="function"?callback=item:null;
            });
    
            function run(e) {
                if(data)e.data=data;
                if(str){
                    if(e.target.tagName==str.toUpperCase()){
                        callback&&callback.call(e.target,e)
                    }
                }else {
                    callback&&callback.call(this,e);
                }
            }
            this.addEventListener(type,run);
        };
    
        function fn(e) {
            console.log(this,e.data);//事件源li
        }
        list.on("click","li",{name:"珠峰"},fn);
        list.innerHTML+="<li>4</li>"
    </script>
    展开全文
  • 本文实例分析了jQuery on()方法的用法。分享给大家供大家参考。具体分析如下: 一、jQuery on()方法的使用:   on(events,[selector],[data],fn)   events:一个或多个用空格分隔的事件类型和可选的命名空间,如”...
  • jquery on()绑定事件无效

    千次阅读 2017-04-27 20:05:02
    今天在做项目的过程中遇到了jquery 动态生成的元素绑定事件的问题。 首先我目前所了解的是 (1)用bind或者直接给元素加事件(例如click)这种的是对于页面初始化就有的元素 (2)对于后面动态生成的元素无效,...
  • jQuery on() 方法详解(一)

    万次阅读 2017-03-28 15:52:01
    jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库。 注意:使用 on() 方法添加的事件处理程序适用于...
  • jquery on()方法 off()方法

    万次阅读 2018-06-09 17:18:19
    自从jquery1.7以来,on事件添加到这个版本,使得事件的绑定变的十分简单,用过jquery的人都说好,相信对off,on方法爱不释手。下面是我总结出来的on,off的使用语法,希望对小伙伴有帮助。 on() 使用场景最多 最...
  • jquery on实现绑定多个事件

    千次阅读 2018-07-25 11:34:05
    on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。  在jQuery 1.7中,.on()方法 提供绑定事件处理程序所需的所有功能。  帮助从旧的jQuery事件方法转换,see .bind(), .delegate(), 和 .live(). 要删除的...
  • 本文主要介绍jQueryon方法使用注意事项。具有很好的参考价值,下面跟着小编一起来看下吧
  • jQuery on()方法监听动态加载对象

    万次阅读 2018-07-25 13:30:40
      当使用js或jQuery动态创建元素(例如append),再用on(事件, function(){...})或addEventListener监听事件时,事件并不会触发,因为传统的$('.selector').click()只能监听html初始的对象,对于动态加载的操作,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 191,603
精华内容 76,641
关键字:

jquery on

友情链接: 16f84 termostat.rar