//oncllick事件 点击列表中的某项,该项移除function$(node){return document.querySelector(node);}var ul =$("ul");
ul.addEventListener('click',function(){
event.target.remove();//点击ul列表中的某一项 });//点击列表的某项,其背景变色
btn.onclick=function(){
btn.style.backgroundcolor='pink';}//点击按钮,网页滚动到顶部var btnTop =$("#btnTop");
btnTop.addEventListener('click',function(){
document.body.scrollTop = document.documentElement.scrollTop =0;});//点击按钮,网页滚动到列表顶部var btnToList =$("#btnToList");
btnToList.addEventListener('click',function(){
ul.scrollTop =0;})//鼠标事件 mouseover、mouseout//鼠标移入列表中的某项,该项发生2px位移,鼠标离开,该项位置还原
ul.addEventListener('mouseover',fn)functionfn(){
event.target.style.transform='translate(2px,2px)';}
ul.addEventListener('mouseout',function(){
event.target.style.transform='translate(-2px,-2px)';})//一颗跳动(帧动画变大变小)的小星星跟随鼠标移动。//event.clientX获取光标的左边距var star =document.querySelector("#sec");var flag =false;
star.onmousedown=function(){
flag=true;}
document.onmousemove=function(){if(flag){var x = event.clientX;var y = event.clientY;
star.style.left = x+'px';
star.style.top = y+'px';}}//按方向键"上",盒子向上缓动移动100px,然后缓动回到原始位置。var xx = document.querySelector("#thr");
document.onkeydown=keyDown;functionkeyDown(event){switch(event.keyCode){12case38:
xx.classList.add("changetop");setTimeout(function(){
xx.classList.remove("changetop");},500);break;}returnfalse;}//按键盘ctrl+c和ctrl+v实现复制粘贴功能(不用选中)//keypress只能捕获单个字符,一般用来捕获数字,keyup和keydown可以捕获组合键。> KeyPress 可以捕获单个字符的大小写 KeyDown和KeyUp 对于单个字符捕获的KeyValue
> 都是一个值,也就是不能判断单个字符的大小写。
var a = document.querySelector("#domA");var b = document.querySelector("#domB");var copyA='';
document.addEventListener('keyup',function(e){if(e.keyCode==67&&e.ctrlKey==true){
copyA=a.innerHTML;}elseif(e.keyCode==86&&e.ctrlKey==true){
b.innerHTML=b.innerHTML+copyA;}})