jquery --- 事件处理函数的event对象的几个属性(方法)说明
生活随笔
收集整理的這篇文章主要介紹了
jquery --- 事件处理函数的event对象的几个属性(方法)说明
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.event.type: 事件的類型
$('a').click(function(event) {alert(event.type);return false; // 阻止鏈接跳轉 }); // click2.event.preventDefault(): 阻止默認事件
$("#sub").bind("click", function(event) {var username = $("#username").val(); // 獲取用戶名的值if(username === "") {$("#msg").html("<p>文本框的值不能為空.</p>");event.preventDefault(); // 阻止表單發送, return false 可以達到相同的效果} });3.event.stopPropagetion(): 阻止冒泡
$("#content").bind("click", function(event) {var txt =$("#msg").html() + "<p>外層元素被點擊.</p>";$("#msg).html(txt);event.stopPropagation(); // return false 可以達到相同的效果 });4.event.target: 獲取觸發事件的元素
$("a[href='http://google.com']").click(function(event){var tg = event.target;alert( tg.href );return false; }); // "http://google.com"5.event.pageX 和 event.pageY: 光標相對于頁面的x坐標和y坐標
6.event.which: 用于獲取鼠標,鍵盤的按鍵
參考《鋒利的jQuery》P112~P114
總結
以上是生活随笔為你收集整理的jquery --- 事件处理函数的event对象的几个属性(方法)说明的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 一维抛物线的matlab求解,一维抛物线
- 下一篇: 武汉理工大学刷课,刷在线作业程序,做作业