{"id":6064,"date":"2015-09-05T01:53:11","date_gmt":"2015-09-04T16:53:11","guid":{"rendered":"http:\/\/www.webcyou.com\/?p=6064"},"modified":"2015-09-05T02:08:00","modified_gmt":"2015-09-04T17:08:00","slug":"javascript-animationend-event-%e3%81%ae%e5%b0%8f%e8%a9%b1","status":"publish","type":"post","link":"https:\/\/www.webcyou.com\/?p=6064","title":{"rendered":"JavaScript AnimationEnd event \u306e\u5c0f\u8a71"},"content":{"rendered":"<p>\u3069\u3082\u3067\u3059\u3002<\/p>\n<p>\u306a\u3093\u304b\u4e45\u3057\u3076\u308a\u306b<strong>JavaScript AnimationEnd<\/strong>\u306e\u4e8b\u3067\u3082\u3002<\/p>\n<p>\u3042\u308a\u304c\u305f\u3044\u4e8b\u306b\u6614\u306e\u8a18\u4e8b\u3001<\/p>\n<p><a href=\"https:\/\/www.webcyou.com\/?p=4125\">css3\u3068javascript\u3092\u5229\u7528\u3059\u308b\u969b\u306b\u983b\u7e41\u4f7f\u7528 webkitAnimationEnd\u3068webkitTransitionEnd<\/a><\/p>\n<p>\u3092\u898b\u3066\u304f\u308c\u305f\u65b9\u3068\u304b\u3082\u591a\u304f\u3066\u3001\u4ee5\u524d\u3001\u3044\u308d\u3044\u308d\u3068\u304a\u58f0\u3092\u304b\u3051\u3066\u304f\u308c\u305f\u308a\u3067\u3042\u308a\u304c\u305f\u3044\u9650\u308a\u3060\u3063\u305f\u8a33\u3067\u3059\u3002<\/p>\n<p>\u6700\u8fd1\u3067\u306f\u3001\u7121\u6599\u30e9\u30f3\u30ad\u30f3\u30b0top\u306e\u65b9\u306b\u6765\u3066\u3044\u308b\u30b2\u30fc\u30e0\u30a2\u30d7\u30ea\u3092\u4f5c\u3063\u3066\u3044\u305f\u308a\u3067<\/p>\n<p><a href=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/86d0486b527e08c5a3d1f6381533f6ab.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/86d0486b527e08c5a3d1f6381533f6ab.png\" alt=\"\u5199\u771f 2015-09-02 22 52 16\" width=\"287\" height=\"506\" class=\"alignnone wp-image-6065\" \/><\/a><\/p>\n<p><strong>\u300c\u3048\u3002\u3053\u308c\u3001html\u306a\u306e\uff1f\uff1f\u300d<\/strong>\u3068\u9a5a\u304b\u308c\u3066\u3044\u3084\u306f\u3084\u3002\u5b09\u3057\u3044\u9650\u308a\u3067\u3059\u3002<\/p>\n<p>\u305d\u308c\u306f\u305d\u3046\u3068\u3001<strong>AnimationEnd\u306eevent\u53d6\u5f97<\/strong>\u3059\u308b\u969b\u3001<strong>\u300c\u3042\u30fc\u3053\u308c\u305d\u3046\u3060\u3063\u305f\u306a\u30fc\u300d<\/strong>\u3068\u3044\u3046\u306e\u3092\u66f8\u3044\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n<p>\u3042\u3002\u308f\u304b\u3063\u3066\u307e\u3059\u3002\u3068\u8a00\u308f\u308c\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u304c\u3001\u5fd8\u308c\u3084\u3059\u3044\u5e74\u9803\u3067w<\/p>\n<h4 class=\"entry_title\">AnimationEnd<\/h4>\n<p><strong>AnimationEnd\u3068TranstionEnd<\/strong>\u306b\u95a2\u3057\u3066\u306f\u3001\u904e\u53bb\u8a18\u4e8b\u306e<\/p>\n<p><a href=\"https:\/\/www.webcyou.com\/?p=4125\">css3\u3068javascript\u3092\u5229\u7528\u3059\u308b\u969b\u306b\u983b\u7e41\u4f7f\u7528 webkitAnimationEnd\u3068webkitTransitionEnd<\/a><\/p>\n<p>\u3092\u53c2\u8003\u306b\u3057\u3066\u3044\u305f\u3060\u3051\u308c\u3070\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/8dcbbcd680e4ead1215dd940261f9b6f1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/8dcbbcd680e4ead1215dd940261f9b6f1.jpg\" alt=\"8dcbbcd680e4ead1215dd940261f9b6f\" width=\"309\" height=\"221\" class=\"alignnone size-full wp-image-6066\" srcset=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/8dcbbcd680e4ead1215dd940261f9b6f1.jpg 309w, https:\/\/www.webcyou.com\/wp-content\/uploads\/8dcbbcd680e4ead1215dd940261f9b6f1-300x215.jpg 300w\" sizes=\"auto, (max-width: 309px) 100vw, 309px\" \/><\/a><\/p>\n<p>\u307e\u3041\u3001css3\u3067\u8a2d\u5b9a\u3057\u305f<strong>\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u7d42\u308f\u3063\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u30a4\u30d9\u30f3\u30c8\u304c\u767a\u751f<\/strong>\u3057\u3066\u3001\u53d6\u5f97\u3067\u304d\u307e\u3059\u3088\u306d\u30fc\u3068\u8a00\u3063\u305f\u8a71\u3002<\/p>\n<h5 class=\"entry_title\">Demo<\/h5>\n<p>\uff08\u4eca\u56de\u306f\u3001webkit\u30d6\u30e9\u30a6\u30b6\uff08safari,chrome\uff09\u7b49\u306e\u307f\u3067\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002\uff09<\/p>\n<p>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u304c\u7d42\u308f\u3063\u305f\u3089\u30a2\u30e9\u30fc\u30c8\u3092\u51fa\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p><script type=\"text\/javascript\" src=\"http:\/\/jsdo.it\/blogparts\/wOUu\/js?width=465&amp;height=496&amp;view=screenshot\"><\/script><\/p>\n<p>\u305d\u308c\u3067\u306f\u3001\u8981\u7d20\u3092\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3057\u3066\u3044\u308b\u8981\u7d20\u306e\u5165\u308c\u5b50\u306b\u3059\u308b\u3068\u3002<\/p>\n<p><script type=\"text\/javascript\" src=\"http:\/\/jsdo.it\/blogparts\/tllU\/js?width=465&amp;height=496&amp;view=screenshot\"><\/script><\/p>\n<p>\u307e\u30fc\u5909\u308f\u308a\u306f\u306a\u3044\u611f\u3058\u3067\u3059\u3088\u306d\u3002<\/p>\n<p>\u4eca\u5ea6\u306f\u3001\u89aa\u8981\u7d20\u306e\u30a4\u30d9\u30f3\u30c8\u3092\u53d6\u5f97\u3057\u3066\u307f\u307e\u3059\u3068\u3002<\/p>\n<p><script type=\"text\/javascript\" src=\"http:\/\/jsdo.it\/blogparts\/2aZF\/js?width=465&amp;height=496&amp;view=screenshot\"><\/script><\/p>\n<p>\u3046\u3093\u3002\u89aa\u8981\u7d20\u306e\u30a4\u30d9\u30f3\u30c8\u5b8c\u4e86\u306e\u307f\u3092\u53d6\u5f97\u3057\u305f\u304b\u3063\u305f\u306e\u306b\u3001<strong>\u610f\u56f3\u3057\u305f\u611f\u3058\u306b\u306a\u3089\u305a2\u56de\u30a2\u30e9\u30fc\u30c8\u304c\u547c\u3073\u51fa\u3055\u308c\u307e\u3057\u305f\u3002<\/strong><\/p>\n<p>\u3053\u308c\u306f<strong>\u30a4\u30d9\u30f3\u30c8\u306e\u4f1d\u64ad<\/strong>\u306b\u3088\u308b\u3082\u306e\u3067\u3001\u8a73\u3057\u304f\u306f\u904e\u53bb\u8a18\u4e8b\u306e\u3053\u3061\u3089\u306a\u3069\u3092\u53c2\u8003\u306b\u3002<\/p>\n<p><a href=\"https:\/\/www.webcyou.com\/?p=4528\">Javascript addEventListener \u30a4\u30d9\u30f3\u30c8\u4f1d\u64ad<\/a><\/p>\n<p><a href=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/ev1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/ev1.jpg\" alt=\"ev\" width=\"271\" height=\"298\" class=\"alignnone wp-image-6067\" \/><\/a><\/p>\n<p>\u4f55\u500b\u3082dom\u3092\u5165\u308c\u5b50\u306b\u3057\u3088\u3046\u304c<\/p>\n<p><script type=\"text\/javascript\" src=\"http:\/\/jsdo.it\/blogparts\/kV45\/js?width=465&amp;height=496&amp;view=screenshot\"><\/script><\/p>\n<p>addEventListener\u306b\u306f\u7b2c\u4e09\u5339\u6570\u306btrue\u306b\u3057\u3066\u3001useCapture\u3092true\u306b\u3057\u3088\u3046\u304c\u3001<\/p>\n<p><script type=\"text\/javascript\" src=\"http:\/\/jsdo.it\/blogparts\/ybsv\/js?width=465&amp;height=496&amp;view=screenshot\"><\/script><\/p>\n<p>\u7d50\u679c\u306f\u540c\u3058\u3068\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3088\u306d\u3002<\/p>\n<p>\u3053\u3046\u3044\u3046\u6642\u306f\u3001<strong>\u30a4\u30d9\u30f3\u30c8\u5143\u304c\u81ea\u5206\u81ea\u8eab\u304b\u3092\u300ctarget\u300d\u3067\u5224\u5b9a<\/strong>\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<p><script type=\"text\/javascript\" src=\"http:\/\/jsdo.it\/blogparts\/8t9Z\/js?width=465&amp;height=496&amp;view=javascript\"><\/script><br \/>\n\u610f\u56f3\u3057\u305f\u3088\u3046\u306b\u81ea\u5206\u306e<strong>AnimationEnd<\/strong>\u3092\u53d6\u5f97\u3067\u304d\u305f\u304b\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n<p>\u306a\u3093\u3061\u3083\u306a\u3044\u8a71\u3067\u3057\u305f\u306d\u3002\u3002\u3002<\/p>\n<p>\u4ee5\u4e0a\u3001\u8efd\u3044\u5c0f\u8a71\u3067\u3057\u305f\u3002<\/p>\n<p>\u3067\u306f\u3067\u306f\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3069\u3082\u3067\u3059\u3002 \u306a\u3093\u304b\u4e45\u3057\u3076\u308a\u306bJavaScript AnimationEnd\u306e\u4e8b\u3067\u3082\u3002 \u3042\u308a\u304c\u305f\u3044\u4e8b\u306b\u6614\u306e\u8a18\u4e8b\u3001 css3\u3068javascript\u3092\u5229\u7528\u3059\u308b\u969b\u306b\u983b\u7e41\u4f7f\u7528 webkitAnimationEnd\u3068webkitTr [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[177,168,176,37,47,179,50,46,169,45,95,39,178,138,78,118],"class_list":["post-6064","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-css3","tag-html","tag-html5","tag-iphone-","tag-javascript-2","tag-jquery","tag-jquery-mobile","tag-js","tag-mac","tag-web","tag-95","tag-39","tag-178","tag-138","tag-78","tag-118"],"_links":{"self":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/6064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6064"}],"version-history":[{"count":7,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/6064\/revisions"}],"predecessor-version":[{"id":6074,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/6064\/revisions\/6074"}],"wp:attachment":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}