javascript编程起步(第六课)

 更新时间:2007年01月10日 00:00:00   作者:  
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基础:运算符与流程控制详解

    Javascript基础:运算符与流程控制详解

    这篇文章主要给大家介绍了关于Javascript中运算符及流程控制的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-10-10
  • 详解JavaScript高级正则表达式

    详解JavaScript高级正则表达式

    这篇文章主要为大家介绍了vue组件通信的几种方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • Javascript入门学习第三篇 js运算

    Javascript入门学习第三篇 js运算

    上篇文章讲了js中的传值和传址 和 函数的作用域. 这章我们来探讨js中的变量,表达式,和运算符 还有一些 js 语句。 升级中……
    2008-07-07
  • document.getElementById获取控件对象为空的解决方法

    document.getElementById获取控件对象为空的解决方法

    今天写个网页,想在页面加载onLoad时,动态显示由后台其他程序传来的数据时,用document.getElementById获取控件对象总是为空。但是检查了这个id确实是存在的。看下文的示例和解决方法
    2013-11-11
  • js中对象深拷贝方法总结

    js中对象深拷贝方法总结

    js深拷贝这个问题,在实际的工作和面试当中也是经常使用到的。
    还经常有一些公司要求,原生手写实现,这篇文章主要介绍了js中对象深拷贝方法总结,需要的朋友可以参考下
    2022-10-10
  • JS方法调用括号的问题探讨

    JS方法调用括号的问题探讨

    JS方法调用括号的问题很是令人头疼,下面有个不错的示例,感兴趣的朋友可以参考下
    2014-01-01
  • 快速解决Canvas.toDataURL 图片跨域的问题

    快速解决Canvas.toDataURL 图片跨域的问题

    出现Canvas.toDataURL 图片跨域问题怎么解决呢?下面小编就为大家带来一篇Canvas.toDataURL 图片跨域问题的快速解决方法。一起跟随小编过来看看吧
    2016-05-05
  • javascript 基础篇2 数据类型,语句,函数

    javascript 基础篇2 数据类型,语句,函数

    文章里如果有错误的话,希望能帮忙指正~我也是边看视频边学习中,这个算是个笔记吧~自认为总结出来的东西比看视频要节省点时间~能帮到别人最好了~帮不到也起码恩能帮到我自己
    2012-03-03
  • JavaScript中的Math 使用介绍

    JavaScript中的Math 使用介绍

    这篇文章主要介绍了JavaScript中Math的使用,需要的朋友可以参考下
    2014-04-04
  • Three.js源码阅读笔记(Object3D类)

    Three.js源码阅读笔记(Object3D类)

    Object3D似乎是Three.js框架中最重要的类,相当一部分其他的类都是继承自Object3D类,比如场景类、几何形体类、相机类、光照类等等:他们都是3D空间中的对象,所以称为Object3D类,需要了解的朋友可以参考下
    2012-12-12

最新评论