禁止鼠标右键： $(document).ready(function(){$(document).bind("contextmenu",function(e){return false;}); });监听右键事件： $(function(){ $(a).mousedown(function(e){ alert(e.which) // 1 = 鼠标左键 left; 2 = 鼠标中键; 3 = 鼠标右键 return false;//阻止链接跳转 }) }) 如 $(#downwps2010).mousedown(function(e){ if(3 == e.which){ alert(这 是右键单击事件); }else if(1 == e.which){ alert(这 是左键单击事件); } ...
大多数情况下我们使用左键来进行页面交互，而右键大部分对于开发者来说是审查元素的，有的时候我们也要自定义鼠标右键点击行为来达到更好的交互性，常见的有漫画左键前进、右键后退。 第一步我们要屏蔽浏览器默认的右键点击行为，即阻止弹出框。 首先要将阻止弹出函数绑定到目标元素上： //阻止浏览器默认右键点击事件 $("div").bind("contextmenu", function(){return false; })如此一来，div元素的右击事件就被屏蔽了，而浏览器其...
本文实例讲述了jQuery实现在HTML文档加载完毕后自动执行某个事件的方法。分享给大家供大家参考，具体如下： 原来onchange=“fucntionname（parms）”； <select name="country" id="selCountries_{$sn}" onchange="region.changed(this, 1, selProvinces_{$sn})" style="border:1px solid #ccc;"><option value="0">{$lang.please_select}{$name_of_region[0]}</option><!-- {foreach from=$country_list item=country} --><option...
我们要执行的任务是页面起初有一部分图片，我们在底下有一个More Photos的链接，点击后，向当前页面后加载一部分图片，再点击该链接，继续加载，直到将我们列出的页面加载完成，此时该链接也消失了。 首先效果图如下： 这个只截取了最底下的一部分页面。在鼠标悬停在图片上时，还会有文字出现，鼠标移出时文字消失。 我们现在要做的就是点击底下的MorePhotos链接时，再加载一部分数据，然后再点击在加载一部分数据，直到数据加载完...
说到事件, jquery 做了不少,当然也有 data 的很多功劳,因为原生 js 不支持匿名卸载事件的,而她为了开发者好用支持了匿名的 匿名事件的思路 首先她会判断目标是否是元素或者对象,如果是元素,则在元素上打一个标识( expando )然后值是生成的一个 guid ,并在缓存对象下建立一个缓存,比如: $.cache={2: {data: {},events: {},handle: function(){}}, }然后会在你触发元素事件时拿元素上的标识去往缓存里的 events 里找,并会有是否委托,...
随着jQuery版本的更新，以前版本的Bind()，live()，delegate()事件可以直接被on代替，本次笔记仅以点击事件为例，主要考察了on事件的用法： 一、用on监听点击事件前添加的DOM，可以正常触发： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css">#test {height: 100px;font-size: 50px;color: yellow;line-height: 100px;background-color: red;text-align: center;} </style> <script src="http://lib...
1.首先,我们来看一下经常使用的添加事件的方式: <input type="button" id="btn" value="click me!" onclick="shao();" /> <script type="text/javascript">function shao() {alert("msg is showing!");} </script>我们最常用的是为元素添加onclick元素属性的方式来添加事件 这种方法的弊端是： 只能为一个事件处理函数，在事件处理函数方法中，获取事件对象的方式不同. jQuery中的事件 ready事件： 当页面加载完成后，来执行functi...
大家登陆一些网站或论坛时，经常会被要求先浏览和确认“用户协议”。“用户协议”底部通常会设置一个“我已阅读并同意”复选框，勾选了该复选框，“登陆”按钮才可用。 如下图所示，勾选“I have read and accept.”复选框，Login按钮才会相应click事件，登陆成功后切换到欢迎画面。 通常情况我们是怎么实现的呢，很多同学会想到用javascript设置按钮的disabled属性。这当然是一种不错的方法，不过我们用JQuery的话，代码会更简洁，...
本文实例讲述了jQuery基于事件控制实现点击显示内容下拉效果。分享给大家供大家参考，具体如下： 1、实例代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery事件</title> <script type="text/javascr...
jQuery unbind 删除绑定事件 unbind([type],[data]) 是 bind()的反向操作，从每一个匹配的元素中删除绑定的事件。如果没有参数，则删除所有绑定的事件。你可以将你用bind()注册的自定义事件取消绑定。如果提供了事件类型作为参数，则只删除该类型的绑定事件。如果把在绑定时传递的处理函数作为第二个参数，则只有这个特定的事件处理函数会被删除。 返回值： jQuery 参数： type (String) ： (可选) 事件类型data (Function)： (可选...
绑定其实就是把一些常规时间绑定到页面，然后进行各种常规操作 解绑就是接触绑定，绑定的事件失效 要注意，iQuery中的 .事件 如(.click())其实就是单个的绑定事件的简写(bind("click")) html：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>02_事件绑定.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is...
on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空间，如”click”或”keydown.myPlugin” 。selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代.data:当一个事件被触发时要传递event.data给事件处理函数。fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写，返回false。bind(type,[data],fn)为每个匹配元素的特定事件绑定事件处理函数。jQuery 3.0中已弃用此方法...
谈论jquery中bind(),live(),delegate(),on()绑定事件方式 1． Bind() $(selector).bind(event,data,function) Event:必须项;添加到元素的一个或多个事件。 Data：可选;需要传递的参数 Function：必需;当绑定事件发生时，需要执行的函数; 定义事件： $(selector).bind({event1:function, event2:function, ...})； 2.live() $(selector).live(event,data,function) Event:必须项;添加到元素的一个或多个事件 Data:可选;需要传递的参...
jQuery中绑定事件的四种方法，他们可以同时绑定一个或多个事件 bind()-------------------------版本号小于3.0（在Jquery3.0中已经移除，相应unbind()也移除） live()--------------------------版本号小于1.7（在Jquery1.7中已经移除，相应die()也移除） delegate()-------------------版本号小于1.7（在Jquery1.7中已经移除） on()---------------------------版本号大于1.7（在Jquery1.7中添加，相应off()也添加） A：bind()事件...
本篇文章介绍了，关于jQuery新的事件绑定机制on()的使用技巧。需要的朋友参考下 今天浏览jQuery的deprecated列表，发现live()和die()在里面了，赶紧看了一下，发现从jQuery1.7开始，jQuery引入了全新的事件绑定机制，on()和off()两个函数统一处理事件绑定。因为在此之前有bind(), live(), delegate()等方法来处理事件绑定，jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。 on(eve...