javascript编程起步(第六课)


Posted in Javascript onFebruary 27, 2007

mouseDown事件和mouseUp事件

大家知道,mouseDown事件和mouseUp事件的组合就是click事件,但是如果在链接上按下鼠标,并移到链接之外在放开鼠标,那么就只有mouseD

own事件了。这两个事件可以增加图标按钮的图像效果,
至于mouseDown和mouseUp的属性,它们是伴随着Click事件发生的,这和keyPress事件是keyDown事件和keyUp事件组合而成的机制是一样的

,这3个鼠标事件也有modifier属性。
(注意:如果在onClick事件处理中使用return语句,它可以接收任何数值。只要这个值不是False,浏览器就可以完成提交。但如果浏览

器得到的是False值,表单提交操作就会被取消。)

Click事件和dbClick事件
onClick是单击事件,onDblClick是双击事件,而实际上很难分清连续的单击和双击。它们会互相干扰。而且在ie和其他浏览器的情况还有

不同。有的浏览器是双击事件的每一次单击都会触发单击事件,而在ie中,只有双击事件的第一次单击会触发单击事件。不管怎么样,单击事

件都不会自动的取消或被忽略。因此,如果想使用单击和双击一个链接时触发两个完全不同的过程,则必须通过编程来延迟单击的动作知道双

击。

例:
<script>
var timer=null;
document.onclick=new Function("timer=setTimeout(click,500)")
document.ondblclick=new Function("clearTimeout(timer);dblclick()")
function click(){
alert("click")
}
function dblclick(){
alert("dblclick")
}
</script>

在高版本的浏览器中,链接的这两种事件处理程序都监视那些使得脚本阻止链接的特殊行为。
例如:在想要的导航到另一个页面之前进行某些数据项的确认,如果某些域填得不正确,可以提醒并终止链接。要实现这种确认,必须在

事件处理程序得最后一条语句或者事件处理程序自身返回True或False。如果返回False就终止链接。

Javascript 相关文章推荐
基于jquery的不规则矩形的排列实现代码
Apr 16 Javascript
jQuery之Deferred对象详解
Sep 04 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
Jan 28 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
Apr 05 Javascript
AngularJS 避繁就简的路由
Jul 01 Javascript
微信支付 JS API支付接口详解
Jul 11 Javascript
js实现漫天星星效果
Jan 19 Javascript
Bootstrap 3多级下拉菜单实例
Nov 23 Javascript
JS中promise化微信小程序api
Apr 12 Javascript
关于vue的语法规则检测报错问题的解决
May 21 Javascript
javascript少儿编程关于返回值的函数内容
May 27 Javascript
javascript Number 与 Math对象的介绍
Nov 17 Javascript
javascript编程起步(第七课)
Feb 27 #Javascript
超清晰的document对象详解
Feb 27 #Javascript
JavaScript中void(0)的具体含义解释
Feb 27 #Javascript
[原创]保存的js无法执行的解决办法
Feb 25 #Javascript
轻轻松松学习JavaScript
Feb 25 #Javascript
用javascript编写的第一人称射击游戏
Feb 25 #Javascript
极酷的javascirpt,让你随意编辑任何网页
Feb 25 #Javascript
You might like
BBS(php &amp; mysql)完整版(三)
2006/10/09 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
php layui实现前端多图上传实例
2019/07/30 PHP
PHP防止sql注入小技巧之sql预处理原理与实现方法分析
2019/12/13 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
[推荐]javascript 面向对象技术基础教程
2009/03/03 Javascript
js浮动图片的动态效果
2013/07/10 Javascript
jquery和雅虎的yql服务实现天气预报服务示例
2014/02/08 Javascript
jQuery学习笔记之jQuery原型属性和方法
2014/06/09 Javascript
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
2015/11/04 Javascript
js实现新年倒计时效果
2015/12/10 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
2016/08/01 Javascript
Bootstrap实现带动画过渡的弹出框
2016/08/09 Javascript
JavaScript日期对象(Date)基本用法示例
2017/01/18 Javascript
浅谈Vue父子组件和非父子组件传值问题
2017/08/22 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
2018/01/16 Javascript
使用javascript做在线算法编程
2018/05/25 Javascript
用react-redux实现react组件之间数据共享的方法
2018/06/08 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
koa2 用户注册、登录校验与加盐加密的实现方法
2019/07/22 Javascript
javascript实现函数柯里化与反柯里化过程解析
2019/10/08 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
2019/10/26 Javascript
vue中动态select的使用方法示例
2019/10/28 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
2019/11/13 Javascript
JavaScript console的使用方法实例分析
2020/04/28 Javascript
Python开发之快速搭建自动回复微信公众号功能
2016/04/22 Python
Python图像的增强处理操作示例【基于ImageEnhance类】
2019/01/03 Python
python opencv将图片转为灰度图的方法示例
2019/07/31 Python
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
几个Shell Script面试题
2014/04/18 面试题
大学生的应聘自我评价
2013/12/13 职场文书
社区先进事迹材料
2014/05/19 职场文书
2015大学生入党个人自传
2015/06/26 职场文书
pytorch中的model.eval()和BN层的使用
2021/05/22 Python
Django实现翻页的示例代码
2021/05/24 Python
零基础学java之带返回值的方法的定义和调用
2022/04/10 Java/Android