お世話になっています。
JavaScriptのイベント一覧https://web-designer.cman.jp/javascript_ref/event_list/
より、それぞれのイベントを試しています。
イベントを直接指定する方法と、addEventListenerを使う方法の両方で試していますが、
① onabortは、イベントを指定と、addEventListenerで
② onloadはaddEventListenerで
③ onunloadは、イベントを指定と、addEventListenerで
④ onscrollはaddEventListenerで
挙動が確認できません。
特に、①onabortに関しては、どのようにリソースを中断させれば良いのか....
以下がコードになります。
html
1<body> 2 <!-- onabort --> 3 <img id="event_abort" src="./images/sample.jpeg"><br> 4 5 <!-- onloadはbodyタグで --> 6 <!-- onunloadはbodyタグで --> 7 <!-- onscrollはbodyタグで --> 8</body>
js
1var event_abort = document.getElementById('event_abort'); 2var event_body = document.body; 3 4// ① onabort => 挙動が確認できない 5event_abort.onabort = function(){ 6 console.log('onabort発火'); 7}; 8 9// ① onabort => 挙動が確認できない 10event_abort.addEventListener('abort',function(){ 11 console.log('addEventListenerでabort発火'); 12},false); 13 14 15 16 17//② onload => 確認できる 18event_body.onload = function(){ 19 console.log('onload発火'); 20}; 21 22//② onload => 確認できない 23event_body.addEventListener('load',function(){ 24 console.log('addEventListenerでload発火'); 25},false); 26 27 28 29 30//③ onunload => 確認できない 31event_body.onunload = function(){ 32 console.log('onunload発火'); 33}; 34 35//③ onunload => 確認できない 36event_body.addEventListener('unload', function(){ 37 console.log('addEventListenerでunload発火'); 38},false); 39 40 41 42 43//④ onscroll => 確認できる 44event_body.onscroll = function(){ 45 console.log('onscroll発火'); 46}; 47 48 49//④ onscroll => 確認できない 50event_body.addEventListener('scroll',function(){ 51 console.log('addEventListenerでscroll発火;') 52},false);
どのようにしたら、上記の確認できないところを確認できるようにすれば良いでしょうか。。。
調べてもなかなか出てこず。
お力をおかしいただけますと、嬉しいです!
回答3件
あなたの回答
tips
プレビュー