首页 / JAVASCRIPT / js函数中onmousedown和onclick的区别和联系探讨_基础知识

js函数中onmousedown和onclick的区别和联系探讨_基础知识

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js函数中onmousedown和onclick的区别和联系探讨_基础知识，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1466字，纯文字阅读大概需要3分钟。

内容图文

这两个事件很常见。
了解这两个事件的区别，但是实际并没有使用到这两个事件的区别去做一些操作。
通常使用onclick的时候也可以使用onmousedown，使用onclick的时候更多一些。
今天碰到了非使用onmousedown不可的时候，故特此记录。

先说一下区别：onclick是在鼠标点击弹起之后触发的事件。onmousedown是在鼠标按下之后触发的事件。
简单的说onclick = onmousedown + onmouseup;
如果在某个地方按下鼠标后移开鼠标在另外一个地方松开鼠标会触发onmousedown事件，但是onclick事件却不会被触发。
我们今天要实现的功能是点击a标签，切换到另外一个页面，在原页面关闭之前需要触发一个函数。不是windowunload。
之前使用的是onclick事件，IE中测试无问题，但是在FF中测试发现，在页面被销毁之前还没有来得及执行这个函数。
如果使用onmousedown事件，虽然也没有办法保证该函数一定被执行，但是为该函数的执行争取了一定的时间，因为跳转是在鼠标弹起之后执行的。

解决办法一：onclick="return test()"，当且仅当当该函数返回true之后才执行跳转。这样导致了一个新的问题。如果我们在test函数中执行了多线程程序或者新开线程的程序后，会先返回true，跳转，新开的线程就没有被执行。如下面的函数：
代码如下:

function test()
{
(new Image()).src="1.html";
window.open("1.html","_new");
//alert("ok");
return true;
}

我在1.html文件中设置了，当1.html并没有被完全渲染结束时，跳转已经执行了。new image函数也没有保证已经被执行了。
在使用单一线程执行函数时，可使用return test（）这种方法。

解决办法二：估计一下test函数的多线程函数的最长执行速度，加入执行时间为100.不在a标签中使用跳转。在test函数中使用setTimeout（location.href="1.html",100）来执行跳转。

内容总结

以上是互联网集市为您收集整理的js函数中onmousedown和onclick的区别和联系探讨_基础知识全部内容，希望文章能够帮你解决js函数中onmousedown和onclick的区别和联系探讨_基础知识所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/316754.html

来源：【匿名】