精华内容
下载资源
问答
我要提问
  • 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方法传递参数示例

     2021-01-19 19:27:07
    教你如何给 jQuery on方法绑定的函数传递参数，代码如下： 代码如下: $(“.loadingFlower”).on(“click”,”,{name:”123″,id:”234″,tel:”345″},callback)   function callback(event){  console.log(event...
    收起

  • jQuery on()方法绑定动态元素的点击事件无响应的解决办法

     2020-11-25 13:21:42
    支持给动态元素和属性绑定事件的是live和on，其中live在JQUERY 1.7之后就不推荐使用了。现在主要用on，使用on的时候也要注意，on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等，可以放在...
    收起

  • jQuery on()方法示例及jquery on()方法的优点

     2020-11-23 17:10:02
    jQuery on()方法是官方推荐的绑定事件的一个方法。 $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() 　$("p").bind("click",function(){ 　alert("The ...
    收起

  • jQuery on()方法绑定动态元素的点击事件实例代码浅析

     2020-10-22 03:06:33
    主要介绍了jQuery on()方法绑定动态元素的点击事件的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    收起

  • jQuery on()方法使用技巧详解

     2020-10-24 08:53:35
    主要介绍了jQuery on()方法使用技巧详解,本文讲解了trigger()绑定、多个事件绑定同一个函数、多个事件绑定不同函数、绑定自定义事件、传递数据到函数等技巧,需要的朋友可以参考下
    收起

  • jquery.onoff实现简单的开关按钮功能(推荐)

     2020-12-10 20:04:40
    插件下载地址： ... 一个按钮小插件，首先引入css和js ...link rel="stylesheet" href="../js/dist/jquery.onoff.css" rel="external nofollow" /> <script type="text/javascript" src="../js/dist/
    收起

  • jQuery on()绑定动态元素出现的问题小结

     2021-01-19 15:36:44
    jQuery on()方法是官方推荐的绑定事件的一个方法。使用 on() 方法可以给将来动态创建的动态元素绑定指定的事件，例如append等。 之前使用 on 的时候一直是 $().on('click','function(){ }') 之后发现有些时候一直...
    收起

  • 浅谈jquery之on()绑定事件和off()解除绑定事件

     2020-11-29 01:23:23
    off()函数主要用于解除由on()函数绑定的事件处理函数。 该函数属于jQuery对象(实例)。 语法 jQuery 1.7 新增该函数。其主要有以下两种形式的用法： 用法一： jQueryObject.off( [ events [, selector ] [, handler ]...
    收起

  • Jquery on绑定的事件 触发多次实例代码

     2020-10-20 22:28:01
    下面小编就为大家带来一篇Jquery on绑定的事件 触发多次实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    收起

  • jquery on 方法事件表.txt

     2020-07-15 09:43:40
    jquery on方法支持事件明细，
    收起

  • Jquery on方法绑定事件后执行多次的解决方法

     2020-10-22 05:32:09
    下面小编就为大家带来一篇Jquery on方法绑定事件后执行多次的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    收起

  • js与jquery实时监听输入框值的oninput与onpropertychange方法

     2020-10-24 18:20:03
    主要介绍了js与jquery实时监听输入框值的oninput与onpropertychange方法,实例分析了oninput与onpropertychange实现下拉框里自动匹配关键字实时监听文本框value值变化的功能,需要的朋友可以参考下
    收起

  • 浅析jQuery事件之on()方法绑定多个选择器,多个事件

     2020-10-22 12:01:59
    下面小编就为大家带来一篇浅析jQuery事件之on()方法绑定多个选择器,多个事件。小编觉得挺不错的，现在分享给大家。也给大家做个参考
    收起

  • jquery on函数监听动态添加的元素

     2020-12-15 17:17:42
    支持给动态元素和属性绑定事件的是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 on 对于动态加载元素失效的问题。

     2019-04-17 17:44:18
    之前写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()方法用法实例详解

     2020-12-08 19:47:57
    本文实例分析了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(). 要删除的...
    收起

  • jQuery中on方法使用注意事项详解

     2020-10-20 10:27:37
    本文主要介绍jQuery中on方法使用注意事项。具有很好的参考价值，下面跟着小编一起来看下吧
    收起

  • 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