第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

jQuery基礎系列-event事件

標簽:
JQuery

   今天介绍的是Jquery Event事件。闲话不多说,下面开始亮代码。

/*=====================================================Jquery 事件处理方法=============================================*/

1.pageX,pageY

作用:显示元素(鼠标指针)所在的位置

语法:

event.pageX 相当于文档的左边缘

event.pageY 相当于文档的上边缘

示例:

$(document).mousemove(function(e){
 $("span").text("X: " + e.pageX + ", Y: " + e.pageY);
});

显示鼠标指针所在位置


2.preventDefault

作用:防止元素发生默认行为,如点击表单提交按钮时阻止提交

语法:event.preventDefault

示例:

$("a").click(function(event){
 event.preventDefault();
});

防止打开Url连接


3.isDefaultPrevent

作用:返回是否调用了preventDefault方法

语法:event.isDefaultPrevent

示例:

$("a").click(function(event){
  event.preventDefault();
  alert("Default prevented: " + event.isDefaultPrevented());
});

防止链接打开 URL,并声明来自 isDefaultPrevented() 的结果


4.result

作用:返回指定事件触发的事件处理函数返回的最后一个值,除非这个值未定义

语法:event.result

示例:

$("button").click(function(e) {
 $("p").html(e.result);
});

显示最后一次点击事件的结果。


5.target

作用: 属性规定哪个 DOM 元素触发了该事件。

语法:event.target

示例:

$("p, button, h1, h2").click(function(event){
 $("div").html("Triggered by a " + event.target.nodeName + " element.");
});

显示是哪个DOM元素触发了事件


6.timeStamp

作用:返回事件触发时的时间戳

语法:event.timeStamp

$("button").click(function(event){
 $("span")html(event.timeStamp);
});

显示出当对按钮元素的点击事件发生时的时间戳


7.type

作用:描述触发哪种事件类型

语法:event.type

示例:

$("p").bind('click dblclick mouseover mouseout',function(event){
 $("div").html("Event: " + event.type);
});

显示触发了哪种类型的事件


8.which

作用:显示按了哪个键或按钮

语法:event.which

示例:

$("input").keydown(function(event){
 $("div").html("Key: " + event.which);
});

显示按了哪个键

點擊查看更多內(nèi)容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優(yōu)惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消