jquery 禁止冒泡:
$('#id').bind('click',function(event){
event.stopPropagation();
});
jquery 阻止默认行为(表单提交):
$('#id').bind('click',function(event){
event.preventDefault();
});
event.target属性:
event.target是猎取到触发事件元素。
$('a").click(function(event){
alert(event.target.href);//获取触发事件<a>元素的href属性;
});
event.pageX/event.pageY 获取x/y坐标
如果页面上有滚动条,则还要加上滚动条的宽度或高度.在IE浏览器中还应该减去默认的2px边框.
$('a').click(function(event){
alert(event.pageX+","+event.pageY);
});
event.which属性:
获取鼠标事件中鼠标的左,中,右键,
$(
function(){
$('body').mousedown(function(){
alert(e.which);//1:左键,2:中键,3:右键
});
}
);
分享到:
相关推荐
在“jQuery基本功能”中,我们将深入探讨以下几个关键领域: 1. **选择器**: jQuery 的选择器类似于CSS,可以轻松选取DOM元素。例如,`$("#id")` 选择ID为指定值的元素,`$(".class")` 选择所有具有特定类名的元素...
1. 基本事件绑定:jQuery提供了`.on()`方法来绑定事件。例如,`$("#myButton").on("click", function() { ... })`表示当id为"myButton"的元素被点击时,执行匿名函数内的代码。 2. 鼠标事件:常见的鼠标事件有`...
除了基本的事件绑定,jQuery还支持事件冒泡和事件委托。事件冒泡是指事件从最深的节点开始,逐级向上层节点传播。在jQuery中,如果不阻止事件冒泡,事件会自动向上级元素传播。而事件委托则是利用事件冒泡机制,将...
**jQuery事件日历插件calendar.js详解** 在网页设计中,日历插件是一个非常实用的元素,尤其在处理日期相关的交互时。"漂亮的jQuery事件日历插件calendar.js"正是这样一个工具,它能帮助开发者轻松地在网页上集成...
除了基本的点击事件,jQuery还支持许多其他类型的事件,比如`mouseover`(鼠标悬停)、`mouseout`(鼠标离开)、`keydown`(键盘按键按下)、`keyup`(键盘按键释放)等。对于监听DIV的变化,我们可以关注以下几种...
1. jQuery的基本概念:jQuery是一个快速、小巧、功能丰富的JavaScript库。它简化了HTML文档遍历、事件处理、动画和Ajax交互,使得网页开发者可以轻松地编写客户端脚本。在处理动态生成的元素时,jQuery提供了强大的...
在给定的“jquery鼠标滚轮事件支持插件”中,我们关注的是如何利用jQuery扩展来处理鼠标的滚轮事件。这个插件允许开发者监听和响应用户滚动鼠标的滚轮,从而在网页上实现更加动态和交互的功能。 标题中的“jquery...
要使用jQuery Desktop,你需要具备基本的HTML、CSS和JavaScript知识,尤其是jQuery的使用经验。从nathansmith-jQuery-Desktop-f1addcc这个项目中,你可以获取源代码进行学习和二次开发。通过阅读代码和官方文档,...
**jQuery基本语法详解** jQuery是一个高效、简洁的JavaScript库,它极大地简化了DOM操作、事件处理、动画设计和Ajax交互。本篇将详细介绍jQuery的核心API和基本语法。 ### jQuery核心函数 1. **jQuery(expression...
jquery的事件是jquery中非常重要的一部分,以下是jquery的一些基本事件: 1. click事件:用于绑定点击事件。 2. mouseover事件:用于绑定鼠标移入事件。 3. mouseout事件:用于绑定鼠标移出事件。 jquery还提供了...
### 一、jQuery 基本使用 jQuery 的核心在于它的选择器,它允许我们方便地选取HTML元素。例如,`$("#id")` 选择ID为指定值的元素,`$(".class")` 选择所有具有特定类名的元素,而`$("tagname")` 则选择所有指定标签...
对于JavaScript新手来说,jQuery是一个极好的起点,能够帮助快速理解和掌握网页动态交互的基本原理。 ### 一、jQuery简介 jQuery由John Resig在2006年创建,其目标是简化JavaScript编程,特别是处理DOM操作、事件...
在Web前端开发中,jQuery是一个极其重要的库,它极大地简化了JavaScript操作DOM(文档对象模型)、事件处理、动画以及Ajax交互。本章我们将深入探讨jQuery的基本操作,包括元素选取、属性操作、样式调整以及动画效果...
**jQuery学习示例源码——jQuery基本知识** jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。jQuery的设计目标是使JavaScript编程变得更简单、更易用,它封装了...
通过以上讲解,我们了解了jQuery的基本使用,包括选择器、DOM操作、事件处理、动画和Ajax交互。实践这些例子有助于更好地理解和掌握jQuery。对于初学者来说,理解并运用这些基础知识是迈进JavaScript和前端开发的...
`bind()`方法是jQuery中用来绑定事件的基本函数,它的语法为`bind(type,[.data],fn)`。`type`参数指定了事件类型,如`'click'`、`'mouseover'`等;`.data`可以传递额外的数据到事件处理函数;`fn`是处理函数本身。...
**jQuery 入门基本介绍** jQuery 是一个广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery的设计理念是“Write Less, Do More”,即用更少的代码实现...
**jQuery 1.12.4 知识点详解** jQuery 是一个广泛使用的JavaScript库,它简化了HTML文档...以上是对jQuery 1.12.4及其相关资源的基本介绍,掌握这些内容,将有助于你在实际开发中熟练运用jQuery,提升前端开发水平。
除了基本的滑动事件,`TouchSwipe`还支持双指操作,如双指滑动(pinch)和旋转(rotate),这在处理图片缩放、地图导航等场景下非常实用。同时,为了兼容不同的触摸设备和浏览器,`TouchSwipe`会自动检测并适配它们...