大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
关于JQuery中this和event.target的区别如下:
站在用户的角度思考问题,与客户深入沟通,找到蠡县网站设计与蠡县网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站设计、网站建设、企业官网、英文网站、手机端网站、网站推广、空间域名、网络空间、企业邮箱。业务覆盖蠡县地区。
1、js中的事件会冒泡,因此可以更改,
但是event.target不会更改,它始终指向触发事件本身的DOM元素;
2、假设htm是div span / span / div,单击span时,更改span的颜色。
如果使用this按钮单击span,则由于事件起泡机制,div将更改颜色。
但是使用event.target就不会。
扩展资料:
关于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元素
当用户按下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(event.keyCode=="13"){ //13表示回车键的代码
alert("释放按键");
}
})
//按下按键时
$(document).keydown(function(event){
if(event.keyCode=="13"){
alert("按下按键");
}
})
//输入字符时
$(document).keypress(function(event){
if(event.keyCode=="13"){
alert("输入字符");
}
})
//获取键盘的 键码值 方法(如果不知道某个键对应的 键码值,可用这个方法,在键盘上按该键,就会弹出对应的值 )
$(document).keyup(function(event){
alert(event.keyCode);
})
});
这只是一个jquery的功能函数,它本身不是什么错误。
如果是在执行这个函数时有错误,那应该是你绑定在某个控件上面的event处理方法写错了。
this和event.target的区别:
1.js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远指向触发事件的DOM元素本身;
2.this和event.target都是dom对象,使用jQuey中的方法可以将他们转换为jquery对象:$(this)和$(event.target).
假设htm是divspan/span/div
点击span的时候改变span的颜色,使用this的话点击span因为事件冒泡机制,div也会改变颜色,但是使用event.target不会。
this是Javascript语言的一个关键字。
this代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。
this和event.target的区别:
js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;
this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target);
script
function testdiv(){
console.log(event.target.nodeName);
}
function testa(){
console.log(event.target.nodeName);
}
function testbody(){
console.log(event.target.nodeName);
}
/script
body onclick="testbody()"
div onclick="testdiv()" id="testdiv"
a href="#" onclick="testa()" id="testa"click me/a
/div
/body
有获取事件源的作用:如:
$(function()
{
$("#btn1").click(function(event)
{
//event有什么用?什么时候用?
//帮忙举个例子
event.pageX//这里就可以得到页面的坐标
});
});
(北京八方永信教育)