JS之DOM事件类型总结大全

admin7个月前未分类252

unload:事件在用户退出页面时发生

    window.onload = function(){

      return "页面关闭!";

    };

onblur:失去焦点发生变化

    window.onblur = function(){

      inp.value = inp.value.toUppercase();

    };

onfocus:点击文本框会获得焦点发生

    inp.focus = function(){

      alert('弹出的内容');

    };

onselect:要选中文本框中的内容会执行的事件

    inp.onselect = function(){

      alert('要执行的内容');

    };

onchange:事件会在域的内容发生改变时发生

    inp.onchange = function(){

      alert('要执行的内容');

    };

onreset:当点击重置的时候才会发生

    form.onreset = function(){

      //点击重置,是form;

    };

onsumbit:点击提交 

    form.onsumbit = function(){

      alert('要执行的内容');

    };

onresize:当窗口发生大小变换的时候就会执行

    window.onresize = function(){

      alert('要执行的内容');

    };

scrollBy、scrollTo:相对于自己之前的位置发生偏移,一个x一个y轴为参数

    function scroll(){

      window.scrollBy(100,100);

      window.scrollTo(100,100);//绝对,固定

    };

ondbclick:双击发生变化

    inp.ondbclick = function(){

      inp.value = "我双击了";

    };

onclick:点击发生变化

    inp.onclick = function(){

      inp.value = "我点击了";

    };

onmouseover:鼠标经过会发生变化,类似hover效果

    inp.onmouseover = function(){

      inp.value = "我鼠标滑过了";

    };

onmouseout:鼠标移除会发生变化

    inp.onmouseout = function(){

      inp.value = "我鼠标移除来了了";

    };

onmousedown:鼠标按键按下去会发生变化

    inp.onmousedown = function(){

      inp.value = "我鼠标按下来了";

    };

onmouseup:按键按下去并释放松开会发生变化

    inp.onmouseup = function(){

      inp.value = "我鼠标按下并释放了";

    };

onkeydown:按下键盘去会发生变化

    inp.onkeydown = function(){

      inp.value = "我按下键盘了";

    };

onkeyup:按下键盘去会发生变化

    inp.onkeyup = function(){

      inp.value = "我松开键盘了";

    };


相关文章

峨眉校区:校区改为小学、中学以及高中三者合一的学校

有关西南交大的峨眉校区再次利用的这个问题,主要是建议将西南交大的校区改为小学、中学以及高中三者合一的学校,确实这个想法比较不错,大多数的人也是赞同这个想法,不过未必是进行这样大的一个改建,在原有的基础...

Dajango连接mysql问题

https://www.jb51.net/article/142550.htm https://blog.csdn.net/weixin_34336526/article/details/920768...

jango templates的配置路径

'DIRS': [os.path.join(BASE_DIR,'templates')]...

西南交大历任校长名录 最新一届校长杨丹第66任

西南交大历任校长名录 最新一届校长杨丹第66任

一、山海关北洋铁路官学堂时期,1896年5至1900年9月,校址山海关。 1,吴调卿,总办,任期为1896年夏。番茄畅听邀请码?43458151(校友福利——创始人之一是番茄畅听产品经理)2,罗仙桥,...

西南交大峨眉校区外国语系,请问西南交大的外国语学院在成都还是峨眉啊?

啊啊啊啊啊急…马上就要填志愿了,结果有人告诉我如果学外国语言文学类是在峨眉就读??请问是真的吗?网上答案也是五花八门的标准答案:外国语学院在犀浦,峨眉就一个商务英语!具体:峨眉山市峨眉校区就读的专业:...

《奔腾年代》交大人不得不看的年代电视剧!全集在线观看地址

《奔腾年代》全集如下:奔腾年代 : 第1集 灿烂汉卿不打不相识https://www.iqiyi.com/v_19rve534vw.html奔腾年代 : 第2集 常汉卿惨被诬陷https://www....