jquery中的event.currenttarget 和 this有什么区别

jquery中的event.currenttarget 和 this有什么区别,第1张

this是Javascript语言的一个关键字。 

this代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。

this和eventtarget的区别:

js中事件是会冒泡的,所以this是可以变化的,但eventtarget不会变化,它永远是直接接受事件的目标DOM元素;

this和eventtarget都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(eventtarget);

<script>

    function testdiv(){

        consolelog(eventtargetnodeName);

    } 

    function testa(){

        consolelog(eventtargetnodeName);

    }

    function testbody(){

        consolelog(eventtargetnodeName);

    }

    </script>

    <body onclick="testbody()">

        <div onclick="testdiv()" id="testdiv">

            <a href="#" onclick="testa()" id="testa">click me</a>

        </div>

    </body>

function login(){

alert("lalal");

}

$(document)keydown(function(event){

if(eventkeyCode == 13){

login();

当回车键按下,这里怎么调用下面的login函数? ;}

});

$("inputbtn")on('click',login)

关于JQuery中this和eventtarget的区别如下:

1、js中的事件会冒泡,因此可以更改,

但是eventtarget不会更改,它始终指向触发事件本身的DOM元素;

2、假设htm是<div> <span> </ span> </ div>,单击span时,更改span的颜色。

如果使用this按钮单击span,则由于事件起泡机制,div将更改颜色。

但是使用eventtarget就不会。

扩展资料:

关于JQuery中this的用法举例

例1:

$("#btnConfirm")click(function(){alert($(this)val()); // ,在这里,this指的是这个ID为btnConfirm的选项,因为你现在点击的是ID为btnConfirm的选项,因此this就是它})

例2:

$("ul li")each(function(){alert( $(this)text()); // ,这里的this指的是迭代的每个li元素,因为每次迭代,得到的都是一个<li>元素,因此这个时候this 就代表着这个当前的<li>元素

$('input[name="name"]')on('input propertychange', function(event) {

        var _this = $(this);

        var vals = _thisval();

        if(vals!=''){

            setTimeout(function(){

                _thisnext()focus();

            },1000)

        }

    });

当用户按下enter键时触发from提交,而不只是点击提交按钮才提交!这样更友好。 13表示enter按键的keyCode编码

jquery的键盘事件分为keypress、keydown和keyup事件

一、键盘事件

1、keypress()事件

keypress当按钮被按下时,会发生该事件,我们可以理解为按下并抬起同一个按键。

2、keydown()事件

当按钮被按下时,发生 keydown 事件(多用于游戏开发,比如一直按空格键进行攻击)。

3、keyup事件

keyup 事件会在按键释放时触发,也就是你按下键盘起来后的事件

二、通过键盘事件可以进行相应 *** 作

$(document)ready(function() {

//释放按键时

$(document)keyup(function(event){

if(eventkeyCode=="13"){ //13表示回车键的代码

alert("释放按键");

}

})

//按下按键时

$(document)keydown(function(event){

if(eventkeyCode=="13"){

alert("按下按键");

}

})

//输入字符时

$(document)keypress(function(event){

if(eventkeyCode=="13"){

alert("输入字符");

}

})

//获取键盘的 键码值 方法(如果不知道某个键对应的 键码值,可用这个方法,在键盘上按该键,就会d出对应的值 )

$(document)keyup(function(event){

alert(eventkeyCode);

})

});

EasyLoader是可以动态加载脚本和CSS文件,也可以动态加载EasyUI已有组件 需要引用EasyLoaderjs文件,注意:这里就不需要引用jqueryeasyuiminjs文件了。 比如需要加载linkbutton组件,则可以用下面的两种方式来加载: 第一种通过设置class来实现:

<a href="#" class="easyui-linkbutton" onclick="load1()">加载日历</a>

只要class设置了easyui-组件名,easyloader就会自动动态加载相应的组件 第二种通过脚本来实现: using('calendar', function () { alert("加载成功!") });

或者 easyloaderload('calendar', function () { alert("加载成功!") });

这里using 等同于 easyloaderload,也就是说using是 easyloaderload方法的简写。 常用属性:

1) Locale: 本地化 用法:easyloaderlocale = "zh_CN"; // 本地化设置 2) Theme: 主题 用法:easyloadertheme = "gray"; // 设置主题

事件: 1) onProgress: 每个组件加载完成后触发 2) onLoad:在onProgress事件后触发,当组件以及关联组件全部加载完成后触发 两者的区别可以从名称中看出端倪,onProgress事件可以用来显示进度,而onLoad事件可以用于提示用户可以使用组件了。

详细出处参考: >

以上就是关于jquery中的event.currenttarget 和 this有什么区别全部的内容,包括:jquery中的event.currenttarget 和 this有什么区别、jquery怎样获取函数调用者的引用、JQuery中this和event.target的区别等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9279953.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存