手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >onclick与listeners的执行先后问题详细解剖
onclick与listeners的执行先后问题详细解剖
摘要:以下代码,会先执行onclick,然后再执行事件监控:复制代码代码如下:JKTestdiv{border:1pxsolidbalck;pad...

以下代码,会先执行onclick,然后再执行事件监控:

复制代码 代码如下:

<HTML>

<HEAD>

<TITLE>JK Test</TITLE>

<META content="text/html; charset=utf-8" http-equiv=Content-Type>

<script src="http://s0.qhimg.com/lib/qwrap/110.js" type="text/javascript"></script>

<style>

div{border:1px solid balck;padding:5px;margin:2px;}

</style>

</HEAD>

<body>

<div id="div1" >div1 原生的fireEvent,是先运行onclick,再运行listeners

</div>

</body>

<script type="text/javascript">

var fun=function(e){

alert('hello');

};

W('#div1').addEventListener('click',fun).fire('click'); //QW里调用的是原生方法

</script>

</HTML>

JQuery的执行顺序恰恰相反:

复制代码 代码如下:

<HTML>

<HEAD>

<TITLE>JK Test</TITLE>

<META content="text/html; charset=utf-8" http-equiv=Content-Type>

<script src="http://s0.qhimg.com/lib/jquery/172.js" type="text/javascript"></script>

<style>

div{border:1px solid balck;padding:5px;margin:2px;}

</style>

</HEAD>

<body>

<div id="div2" >div2 JQuery,先运行listeners,再运行onclick

</div>

</body>

<script type="text/javascript">

var fun=function(e){

alert('hello');

};

$('#div2').bind('click',fun).trigger('click');

</script>

</HTML>

扫了一下jq的trigger的实现,也没弄明白颠倒的目的是什么。

【onclick与listeners的执行先后问题详细解剖】相关文章:

JavaScript中的Math.E属性使用详解

JavaScript Date对象详解

JavaScript中toString()方法的使用详解

JavaScript Array对象详解

JavaScript中的bold()方法使用详解

Javascript技术栈中的四种依赖注入详解

javascript的 {} 语句块详解

JavaScript中的Math.LN2属性用法详解

AngularJS中$interval的用法详解

常用参考资料(手册)下载或者链接

精品推荐
分类导航