推荐关注 Meteor JSLint - a Javascript code quality tool jsFiddle D3.js WebStorm 推荐书目 Javascript 权威指南第 5 版
Closure: The Definitive Guide
Closure: The Definitive Guide 
这是一个创建于 3307 天前的主题，其中的信息可能已经有所发展或是发生改变。
<div class="main">
<div class="pan" id="pan2"><img /></div>
</div>
////////////
$('.main .pan').css(
{
'-webkit-transition':'3s',
'transition':'3s',
'-webkit-transform':'rotate('+ targetDeg +'deg)',
'transform':'rotate('+ targetDeg +'deg)'
}
);
$('.main .pan').get(0).addEventListener('webKitTransitionEnd',function () {
alert(2);
})
webKitTransitionEnd 监听不到，无法触发 alert(2);，有人知道原因吗
<div class="pan" id="pan2"><img /></div>
</div>
////////////
$('.main .pan').css(
{
'-webkit-transition':'3s',
'transition':'3s',
'-webkit-transform':'rotate('+ targetDeg +'deg)',
'transform':'rotate('+ targetDeg +'deg)'
}
);
$('.main .pan').get(0).addEventListener('webKitTransitionEnd',function () {
alert(2);
})
webKitTransitionEnd 监听不到，无法触发 alert(2);，有人知道原因吗
 | 1 Biwood 2016-09-25 22:22:22 +08:00 请务必先执行绑定事件的代码，在执行事件触发的代码，谢谢 |
 | 2 YuJianrong 2016-09-25 22:54:18 +08:00 更重要的不是先写对事件名吗？ 顺便我的建议是最好不要依赖 transitionEnd 这个函数。多年以前的 ios safari 有 bug 有些时候不会触发，很久没看不知道现在如何，大多数情况还不如直接用 setTImeout 。 |
 | 3 exodia 2016-09-25 23:22:22 +08:00 webKitTransitiOnEnd=> transitionend 或 webkitTransitionEnd |
 | 4 cyio 2016-09-25 23:27:09 +08:00 关注，试了下不行，感觉确实有坑 不必纠正书写了，真心助人者应该自己试试再回答 |
 | 5 Anshi 2016-09-26 00:5305 +08:00 webkitTransitonEnd mozTransitonEnd MSTransitonEnd otransitionend transitionend 你感受一下。。。 safari 10.0 和 chrome53 表示最后一个生效 |
 | 6 hronro 2016-09-26 08:14:46 +08:00 via Android addEventListener 的第三个参数你没写 |
 | 7 morethansean 2016-09-26 10:17:00 +08:00 因为你用的浏览器已经没有 webkitTransitionEnd 的支持了，请用标准的 transitionend. 当然为了兼容你可以两个都注册上。 |
Select Language