发表于: 2020-01-18 23:51:59
1 1861
今日完成
mouseenter()
当鼠标指针穿过元素时,会发生 mouseenter 事件。
mouseenter() 方法触发 mouseenter 事件,或规定当发生 mouseenter 事件时运行的函数:
描述:鼠标光标移动到绑定html上就会运行函数(类似hover,但是移开执行过的代码不会自动消失)
mouseleave()
当鼠标指针离开元素时,会发生 mouseleave 事件。
描述:有个前置条件,鼠标光标要先移动到绑定元素上,然后再离开,会触发执行函数(类似hover,但是移开执行过的代码不会自动消失)
mousedown()
当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。
描述:类似点击事件,但是在鼠标按下去的时候,就会触发
mouseup()
当在元素上松开鼠标按钮时,会发生 mouseup 事件。
描述:类似点击事件,但是是在目标元素上点击鼠标,按下去又松开之后触发
hover()
hover()方法用于模拟光标悬停事件。
描述:类似悬停效果,鼠标光标移动到指定元素上方,会运行执行函数,不同的是移开运行过得函数不会失效,要自己设置
遇到问题:


第二次点击对应的代码:


描述:我想让显示框出现第三个提示框,有设置一个函数,但是却只运行了前两个(调换提示框函数的位置,确定没有写错,确实只运行前两个),
原因:待查询
ps:上面两个圆圈,圈住的是逗号 ,如果只有一个函数,或者是最后一个函数,写不写无所谓,但是在函数与函数之前,必须加上逗号,否者整体(包含它们的)函数是错误的,不运行
ps:上述两个函数可以组合使用
focus()
当元素获得焦点时,发生 focus 事件。
当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。
blur()
当元素失去焦点时,发生 blur 事件。
blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数:
描述显示:


总结:可以单独使用,就跟点击事件差不多,也可以组合使用,达到上述效果
---------------------------------------------------------------------------------------------------------------------------------------------------
keypress,keydown,keyup的区别:
1.keydown:在键盘上按下某键时发生,一直按着则会不断触发(opera浏览器除外), 它返回的是键盘代码;
2.keypress:在键盘上按下一个按键,并产生一个字符时发生, 返回ASCII码。注意: shift、alt、ctrl等键按下并不会产生字符,所以监听无效 ,换句话说,
只有按下能在屏幕上输出字符的按键时keypress事件才会触发。若一直按着某按键则会不断触发。
3.keyup:用户松开某一个按键时触发, 与keydown相对, 返回键盘代码.
--------------------------------------------------------------------------------------------------------------------------------------------------------
jQuery hide() 和 show()
通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:
语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
评论