mylive event hokaccha Follow 2012-01-02 17:55:05 License: MIT License Fork0 Fav0 View86 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 33 lines HTML 2 lines CSS 12 lines mylive event // 簡易liveイベントを定義してみるサンプル function live(tagName, eventName, listener) { document.addEventListener(eventName, function(e) { if (e.target.tagName.toLowerCase() === tagName) { listener.call(e.target, e); } }); } function trigger(elem, eventName) { var ev = document.createEvent('Event'); ev.initEvent(eventName, true, true); elem.dispatchEvent(ev); } live('div', 'delayclick', function(e) { alert('clicked:' + this.getAttribute('class')); }); var btn1 = document.querySelector('.btn1'); btn1.addEventListener('click', function(e) { setTimeout(function() { trigger(btn1, 'delayclick'); }, 1000); }); var btn2 = document.querySelector('.btn2'); btn2.addEventListener('click', function(e) { setTimeout(function() { trigger(btn2, 'delayclick'); }, 1000); }); <div class='btn1'>btn1</div> <div class='btn2'>btn2</div> mylive event body { background-color: #FFF; } div { width: 100px; text-align: center; padding: 10px; background: #EFEFEF; border: 1px solid #CCC; box-shadow: #000 2px 2px 2px; margin: 20px; cursor: pointer; } // 簡易liveイベントを定義してみるサンプル function live(tagName, eventName, listener) { document.addEventListener(eventName, function(e) { if (e.target.tagName.toLowerCase() === tagName) { listener.call(e.target, e); } }); } function trigger(elem, eventName) { var ev = document.createEvent('Event'); ev.initEvent(eventName, true, true); elem.dispatchEvent(ev); } live('div', 'delayclick', function(e) { alert('clicked:' + this.getAttribute('class')); }); var btn1 = document.querySelector('.btn1'); btn1.addEventListener('click', function(e) { setTimeout(function() { trigger(btn1, 'delayclick'); }, 1000); }); var btn2 = document.querySelector('.btn2'); btn2.addEventListener('click', function(e) { setTimeout(function() { trigger(btn2, 'delayclick'); }, 1000); }); <div class='btn1'>btn1</div> <div class='btn2'>btn2</div> body { background-color: #FFF; } div { width: 100px; text-align: center; padding: 10px; background: #EFEFEF; border: 1px solid #CCC; box-shadow: #000 2px 2px 2px; margin: 20px; cursor: pointer; } use an iframe compat browser, deer Play on jsdo.it games Share Embed QR Tag Download Complete! Description どんなゲームですか？ Control Device スマートフォンコントローラー jsdo.it WebSocket Controller» マウス キーボード タッチデバイス Fullscreen 有効 無効 jsdo.it games から削除する Submit Tweet style Design view Code view code <script type="text/javascript" src="http://jsdo.it/blogparts/e2WH/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/hokaccha/mylive_sample" title="mylive event">mylive event - jsdo.it - share JavaScript, HTML5 and CSS</a></p> Tweet twitter
