onClick是点击的意思,网页里面不是有很多效果都需要的吗?
网页制作中onmouseover和hover有什么区别?
网页制作中onmouseover和hover有什么区别?
网页制作中onmouseover和hover有什么区别?
onDblClick:双击后激活
onKeyDown:脚本当键盘被按下时执行脚本
onKeyPress:键被按下然后被释放
onKeyUp:键被释放
onMouseDown:鼠标上的按钮被按下了
onMouseMove:鼠标移动
onMouseOut:鼠标离开
onMouseOver:鼠标移到对象上
onMouseUp:当释放鼠标按键时发生的
常用的有:onClick、onMouseOver,根据需要吧,合理应用。希望能帮到你
如果是写在.。hover是选择符, 意思为, 类名为hover的标签。
如: .hover{color:#fff;} ,一般不建议以这样的方式命名,
而 :hover 是指 伪类,
如A标签的伪类,a:hover{color:#999;}表示,鼠标滑过 超链接的时候,字体颜色变化。
onmouseover是Event 对象的一个属性,hover这是一个CSS的伪类
onmouseover是JS程序的触发,意思是鼠标位于上面时触发什么动作,可以应用很多对象。
hover是指鼠标位于上面时超链接的变化,这个只应用于超链接。
onMouseover当鼠标经过的时候,触发 = 后面的脚本函数 onMouseout 当鼠标离开 。。 onMouseUP 当鼠标 按下又抬起。。。 onmousemove 当鼠标移动。。 onmousedown 当鼠标按下时。。
一、鼠标
onmousedown,当鼠标左键按下时触发。 如:当鼠标元素boxq1上按下时,改变它的背景颜色。
varbox1 = document.getElementById("box1"); box1.onmousedown=function(){ box1.style.backgroundColor= 'green'; };
2. onmouseup,当鼠标左键抬起时触发。如:鼠标按下之前元素box1背景颜色为红色,当按下之后变为绿色,放开之后又变为红色。
varbox1 = document.getElementById("box1"); box1.onmousedown=function(){ box1.style.backgroundColor= 'green'; }; box1.onmouseup=function(){ box1.style.backgroundColor= 'red'; };
3. onmousemove,当鼠标在元素上移动时触发。如:鼠标在元素box1上移动时,控制台输出鼠标的位置。
box1.onmousemove =function(e){varx =e.pageX;vary =e.pageY; console.log('鼠标横坐标为:'+x+'鼠标纵坐标为:'+y); };
4. onmouseenter,当鼠标进入元素的瞬间触发,仅在鼠标进入元素时触发。如:鼠标在进入元素box1时,元素背景颜色改为绿色。
它与onmousedown区别在于:后者是再按下的瞬间触发,而前者是在进入元素瞬间才触发,也就是说鼠标在元素边界上才触发。
varbox1 = document.getElementById("box1"); box1.onmouseenter=function(){ box1.style.backgroundColor= 'green'; };
5. onmouselee,当鼠标移出元素的瞬间触发,仅在鼠标移出元素时触发,发生在元素边界。如:鼠标在进入元素box1时,背景颜色改为绿色,移出元素后又变为红色。
varbox1 = document.getElementById("box1"); box1.onmouseenter=function(){ box1.style.backgroundColor= 'green'; }; box1.onmouselee=function(){ box1.style.backgroundColor= 'red'; };
6. onmouseover,当鼠标在元素之上的时候触发,只要鼠标留在元素之上就会触发,仅触发一次,不管鼠标是否移动,这是它和onmousemove的区别。如:鼠标在元素box1上时一直在控制台输入数字一。
box1.onmouseover =function(){ console.log(newDate()); };
7. onmouseout,当鼠标离开目标元素是触发,效果和原理与mouselee没有什么区别,只是在Firefox下没有onmouseenter和onmouselee,只能使用onmouseover和onmouseout;而在IE中便可使用onmouseennter和onmouselee来代替前两个。
二、手机触摸
1. ontouchstart,触摸开始,当手机屏幕被触摸的瞬间触发。如:当触摸手机的瞬间输出当前触摸的位置坐标。
varbox1 = document.getElementById("box1"); box1.ontouchstart=function(e){vartouch = e.touches[0];varx =Number(touch.clientX);vary =Number(touch.clientY); console.log("当前触摸点的横坐标"+x+"当前触摸点的纵坐标"+y); };
2. ontouchmove,触摸的整个过程触发,当手指在屏幕上移动的时候触发。如:当手指在屏幕上移动的时候获取当前触摸位置。
varbox1 = document.getElementById("box1"); box1.ontouchmove=function(e){vartouch = e.touches[0];varx =Number(touch.clientX);vary =Number(touch.clientY); console.log("当前触摸点的横坐标"+x+"当前触摸点的纵坐标"+y); };
3. ontouchend,触摸结束的瞬间触发,即当手指离开屏幕时触发。如:当手指离开屏幕时,改变元素的背景颜色。
varbox1 = document.getElementById("box1"); box1.ontouchstart=function(e){vartouch = e.touches[0]; box1.style.backgroundColor= 'green'; };
4. ontouchcancel,触摸过程被系统取消时触发,当一些更高级别的发生的时候(如电话接入或者弹出信息)会取消当前的touch作,即触发ontouchcancel。一般会在ontouchcancel时暂停游戏、存档等作。
onmouseover是鼠标放在区域上触发
onmousemove是只要鼠标一移动就会触发
onmouseover是鼠标悬浮 而 onmousemove是鼠标移动
onmousemove是当鼠标在元素上面移动时触发的,hover则是当鼠标放在元素上(不管有没有移动)时元素的样式设定。前者是js,后者是css。hover只能设定元素的样式(大小、颜色、边框、字体等),而onmouseover可以运行几乎任何脚本代码,两者不可同日而语。如果你只是想当鼠标移到元素上时改变其属性,建议用hover,这样简单、效率。如果是需要css无法胜任的复杂效果,则用onmousemove(但建议改用onmouseover与onmouseout的组合,原因自己去百度)。
都是做网页常用到的。
onBlur 是对象失去焦点(比如选择了别的窗口,别的文本框使刚才的窗口和文本框失去了焦点)
onClick是单击时发生
onDblClick是双击时发生
onError是在错误时发生
onFocus是在取得焦点时发生
onKeyDown是按下键盘上光标键的向上键时发生
onKeyPress是当按下键盘上的某个键时发生
onKeyUp是按上键盘上光标键的向上键时发生
onLoad是在网页加载时发生
onMouseOver是鼠标在上时发生
onMouseOut是鼠标离开时发生
onMouseMove是鼠标移动时发生
onMouseDown是鼠标按下时发生
onMouseUp是鼠标松开时发生
onUnload是离开网页时发生
版权声明:本文内容由互联。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发 836084111@qq.com 邮箱删除。