`
wilent
  • 浏览: 39416 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jquery 基本事件

阅读更多

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 基本功能

    在“jQuery基本功能”中,我们将深入探讨以下几个关键领域: 1. **选择器**: jQuery 的选择器类似于CSS,可以轻松选取DOM元素。例如,`$("#id")` 选择ID为指定值的元素,`$(".class")` 选择所有具有特定类名的元素...

    jquery效果事件

    1. 基本事件绑定:jQuery提供了`.on()`方法来绑定事件。例如,`$("#myButton").on("click", function() { ... })`表示当id为"myButton"的元素被点击时,执行匿名函数内的代码。 2. 鼠标事件:常见的鼠标事件有`...

    JQuery绑定事件

    除了基本的事件绑定,jQuery还支持事件冒泡和事件委托。事件冒泡是指事件从最深的节点开始,逐级向上层节点传播。在jQuery中,如果不阻止事件冒泡,事件会自动向上级元素传播。而事件委托则是利用事件冒泡机制,将...

    漂亮的jQuery事件日历插件calendar.js

    **jQuery事件日历插件calendar.js详解** 在网页设计中,日历插件是一个非常实用的元素,尤其在处理日期相关的交互时。"漂亮的jQuery事件日历插件calendar.js"正是这样一个工具,它能帮助开发者轻松地在网页上集成...

    jquery监听DIV的事件

    除了基本的点击事件,jQuery还支持许多其他类型的事件,比如`mouseover`(鼠标悬停)、`mouseout`(鼠标离开)、`keydown`(键盘按键按下)、`keyup`(键盘按键释放)等。对于监听DIV的变化,我们可以关注以下几种...

    jQuery为动态生成的select元素添加事件的方法

    1. jQuery的基本概念:jQuery是一个快速、小巧、功能丰富的JavaScript库。它简化了HTML文档遍历、事件处理、动画和Ajax交互,使得网页开发者可以轻松地编写客户端脚本。在处理动态生成的元素时,jQuery提供了强大的...

    jquery鼠标滚轮事件支持插件

    在给定的“jquery鼠标滚轮事件支持插件”中,我们关注的是如何利用jQuery扩展来处理鼠标的滚轮事件。这个插件允许开发者监听和响应用户滚动鼠标的滚轮,从而在网页上实现更加动态和交互的功能。 标题中的“jquery...

    JQuery desktop 基本JQuery 的虚拟桌面

    要使用jQuery Desktop,你需要具备基本的HTML、CSS和JavaScript知识,尤其是jQuery的使用经验。从nathansmith-jQuery-Desktop-f1addcc这个项目中,你可以获取源代码进行学习和二次开发。通过阅读代码和官方文档,...

    jquery基本语法ppt

    **jQuery基本语法详解** jQuery是一个高效、简洁的JavaScript库,它极大地简化了DOM操作、事件处理、动画设计和Ajax交互。本篇将详细介绍jQuery的核心API和基本语法。 ### jQuery核心函数 1. **jQuery(expression...

    jquery导入word.docx

    jquery的事件是jquery中非常重要的一部分,以下是jquery的一些基本事件: 1. click事件:用于绑定点击事件。 2. mouseover事件:用于绑定鼠标移入事件。 3. mouseout事件:用于绑定鼠标移出事件。 jquery还提供了...

    jquery例子大全 jquery demo

    ### 一、jQuery 基本使用 jQuery 的核心在于它的选择器,它允许我们方便地选取HTML元素。例如,`$("#id")` 选择ID为指定值的元素,`$(".class")` 选择所有具有特定类名的元素,而`$("tagname")` 则选择所有指定标签...

    jquery的基础包

    对于JavaScript新手来说,jQuery是一个极好的起点,能够帮助快速理解和掌握网页动态交互的基本原理。 ### 一、jQuery简介 jQuery由John Resig在2006年创建,其目标是简化JavaScript编程,特别是处理DOM操作、事件...

    第10章 jQuery的基本操作_jquery_

    在Web前端开发中,jQuery是一个极其重要的库,它极大地简化了JavaScript操作DOM(文档对象模型)、事件处理、动画以及Ajax交互。本章我们将深入探讨jQuery的基本操作,包括元素选取、属性操作、样式调整以及动画效果...

    jQuery学习示例源码--jQuery基本知识

    **jQuery学习示例源码——jQuery基本知识** jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。jQuery的设计目标是使JavaScript编程变得更简单、更易用,它封装了...

    jquery基本使用例

    通过以上讲解,我们了解了jQuery的基本使用,包括选择器、DOM操作、事件处理、动画和Ajax交互。实践这些例子有助于更好地理解和掌握jQuery。对于初学者来说,理解并运用这些基础知识是迈进JavaScript和前端开发的...

    详解jQuery中的事件

    `bind()`方法是jQuery中用来绑定事件的基本函数,它的语法为`bind(type,[.data],fn)`。`type`参数指定了事件类型,如`'click'`、`'mouseover'`等;`.data`可以传递额外的数据到事件处理函数;`fn`是处理函数本身。...

    jQuery 之入门基本介绍

    **jQuery 入门基本介绍** jQuery 是一个广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery的设计理念是“Write Less, Do More”,即用更少的代码实现...

    jQuery1.12.4+jQuery中文手册.rar

    **jQuery 1.12.4 知识点详解** jQuery 是一个广泛使用的JavaScript库,它简化了HTML文档...以上是对jQuery 1.12.4及其相关资源的基本介绍,掌握这些内容,将有助于你在实际开发中熟练运用jQuery,提升前端开发水平。

    基于Jquery的手机触摸屏事件插件,可以辨别手机触摸滑动事件的方向等。

    除了基本的滑动事件,`TouchSwipe`还支持双指操作,如双指滑动(pinch)和旋转(rotate),这在处理图片缩放、地图导航等场景下非常实用。同时,为了兼容不同的触摸设备和浏览器,`TouchSwipe`会自动检测并适配它们...

Global site tag (gtag.js) - Google Analytics