首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery(事件和动画-基础事件、复合事件)

基础事件 click 对应 onclick 鼠标单击事件 dbclick 对应ondbclick 鼠标双击事件 mouseover 对应 onmouseover 鼠标移入事件 mouseout 对应...onmouseout 鼠标移出事件 mouseenter 对应onmouseenter鼠标进入事件 mouseleave 对应 onmouseleave鼠标离开事件 keyup 对应onkeyup...mourseenter只有移入被选元素才会触发; mourseout和mourseleave都是鼠标移除元素触发。不同点:mourseout移除被选元素的子元素 也会被触发。...复合事件 显示隐藏 show show(speed|function); 作用:将隐藏元素变为可见的(将display:none-->display:block),从左上角开始显示。...当鼠标移动到一个匹配的元素上面,会触发指定的第一个函数。 当鼠标移出这个元素,会触发 指定的第二个函数。

1.4K10

杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

举一个例子,项目中,经常需要验证表单,单击”提交”按钮是,验证表单内容,例如元素是否是必填字段,某元素长度是否够6位,单表单不符合提交条件,要阻止表单的提交 eg: $(“#sub”).bind(...); return false;//阻止链接跳转 }); (7)event.which()方法 该方法的作用是鼠标单击事件中获取到鼠标左中右键,键盘事件中获取键盘的按键....当鼠标移出这个元素,会触发指定的第二个函数 toggle(fn,fn2,[fn3,fn4,…])用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件 hover mouseover...,fn) 显示显示成功后触发fn hide()隐藏 toggle(speed[,fn]) 切换,如果隐藏显示,如果显示隐藏。...,可以使匹配的元素以“滑动”的方式隐藏显示  滑动:改变高度 slideDown,显示(从上往下) slideUp,隐藏(从下往上) slideToggle()切换 ——

8.2K20
您找到你想要的搜索结果了吗?
是的
没有找到

HTML属性及事件

draggable 指定某个元素是否可以拖动 dropzone 指定是否将数据复制,移动,或链接,或删除 hidden hidden 属性规定对元素进行隐藏。...title 规定元素的额外信息(可在工具提示显示) translate 指定是否一个元素的值页面载入时是否需要翻译 name 规定元素的名称 value 规定元素的值 href 规定超链接元素的链接地址...属性 值 onclick 当单击鼠标时运行脚本 ondblclick 当双击鼠标时运行脚本 ondrag 当拖动元素时运行脚本 ondragend 当拖动操作结束时运行脚本 ondragenter 当元素被拖动至有效的拖放目标时运行脚本...onmousemove 当鼠标指针移动时运行脚本 onmouseout 当鼠标指针移出元素时运行脚本 onmouseover 当鼠标指针移至元素之上时运行脚本 onmouseup 当松开鼠标按钮时运行脚本...onvolumechange 当媒介改变音量亦或当音量被设置为静音时运行脚本 onwaiting 当媒介已停止播放但打算继续播放时运行脚本 其他事件 属性 值 onshow 当 元素在上下文显示触发

2.7K20

【原型设计】如何利用Axure实现下拉子菜单?

本次的下拉子菜单功能实现中,我们主要用到了动态面板(当然不用动态面板也能实现,只是效果和效率上没有那么好),动态面板是Axure中的一款高级组件,可以有效帮助我们实现隐藏/显示、滑动、拖动、状态切换等效果...Step 6 接下来需要对菜单进行状态切换的配置了,选择菜单【模板管理】,双击右边的【鼠标单击】。 ?...右边栏的【更多事件】中,选择【鼠标移出】。 ? ? Step 11 按刚才同样的方式进行配置事件。 ? ?...Step 12 截止目前的配置,已经完成了第一个菜单的下拉效果了:鼠标点击【模板管理菜单】会把子菜单展开,鼠标移出,子菜单则自动收回。 ?...至此,我们就实现了下拉子菜单的效果,当鼠标点击主菜单,将下拉出相应的子菜单,当鼠标移出主菜单区域,自动收起子菜单。 出品:嘉为科技

4.9K20

第79天:jQuery事件总结(二)

鼠标移动到元素上,会触发指定的第一个函数(enter);当鼠标移出这个元素,会触发指定的第二个函数(leave)。   ...只有鼠标指针穿过被选元素,才会触发 mouseenter 事件。   mouseout与mouseleave   不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。   ...只有鼠标指针离开被选元素,才会触发 mouseleave 事件。   ...上篇有过下面的一个例子,在其中如果要连续单击“标题”链接,实现“内容”隐藏显示的效果,那么按照之前的做法就需要在绑定“click”事件的时候判断当前的“内容”部分是隐藏还是显示,然后进行相反的操作,显然就麻烦的多...那么单击子元素A的时候,会依次触发三个click事件;单击元素B的时候,会依次触发两个click事件。

1.6K20

jQuery:详解jQuery中的事件(二)

鼠标移动到元素上,会触发指定的第一个函数(enter);当鼠标移出这个元素,会触发指定的第二个函数(leave)。   ...只有鼠标指针穿过被选元素,才会触发 mouseenter 事件。   mouseout与mouseleave   不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。   ...只有鼠标指针离开被选元素,才会触发 mouseleave 事件。   ...上篇有过下面的一个例子,在其中如果要连续单击“标题”链接,实现“内容”隐藏显示的效果,那么按照之前的做法就需要在绑定“click”事件的时候判断当前的“内容”部分是隐藏还是显示,然后进行相反的操作,显然就麻烦的多...那么单击子元素A的时候,会依次触发三个click事件;单击元素B的时候,会依次触发两个click事件。

2.2K30

【数据可视化】Echarts的高级功能

由于建立了多图表联动,所以当鼠标滑过2019年或2020年的人工智能专业柱体上,系统会同时2019年、2020年的人工智能专业上自动弹出相应的详情提示框(tooltip)。...当鼠标滑过饼图的某个扇区,饼图出现的详情提示显示相应扇区所对应年份的招生人数及其所占各年总招生人数的比例,同时柱状图(或折线图)也会相应地出现详情提示框,显示对应年份各个专业的招生人数的详细数据。...添加鼠标单击事件的柱状图代码中,通过on方法绑定鼠标单击事件(click),鼠标事件包含一个参数params,通过params.name获得用户鼠标单击的数据名称,再通过window.alert方法弹出一个对话框...倒数第11行至倒数第2行代码 依次访问鼠标事件的参数params中的10种基本属性,并依次显示图5-13的提示对话框中的每一行上。...4.2 异步数据加载如何显示加载动画 ECharts默认提供了一个简单的加载动画,只需要在数据加载前,调用showLoading方法显示加载动画,在数据加载完成后,再调用hideLoading方法隐藏加载的动画即可

24910

知识点 | JavaScript事件浅析

event.stopPropagation() //阻止传递下去,一帮用在一些自定义组件上,比如遮罩隐藏弹框上就要阻止传递了。 event.target //触发事件的元素,事件委托会用到。...监听全局的错误提示,然后统计汇总,比如fundebug,也可以自己根据特性写一个针对公司项目的。...scroll 滚动的时候触发,无限滚动之类的一些效果 resize 放大缩小窗口的时候发生变化,和上面的scroll都需要注意去抖, 鼠标事件 传送门,去看鼠标事件 click 单击事件,DOM上单击鼠标时候触发...mouseout和mouseover 鼠标移出和移入,使用起来会有冒泡的问题,可以使用延时的方法解决 mouseleave和mouseenter 鼠标移除和移除,解决了冒泡的问题。...mousemove 鼠标移动 键盘通用事件 keydown 按下键盘 keypress 中间的一个事件 keyup 抬起键盘 textInput 是对keypress的补充,用意是将文本显示给用户之前更容易拦截文本

1.2K30

ug4入门教程

图1-1  UGS NX4欢迎界面 随后进入UG NX的初始界面,初始界面上将显示一些操作技巧提示,如图1-2所示。...UG退出提示“是否真的要退出”,如图1-7所示,单击“是”按钮退出UG NX,并关闭窗口。 1.3  UG NX的操作界面 图1-8所示是UG NX的常见工作界面。...1.4  UG NX中鼠标的应用 使用UG,应该选用含有3键功能的鼠标UG的工作环境中,鼠标的3个按键即左键MB1、中键MB2、右键MB3均含有其特殊的功能。...,如图1-12所示,可以选择显示隐藏工具栏。...图1-18  显示方式 图1-19  线框显示的模型 è STEP 6显示角落局部 单击“视图”工具条上的“缩放”按钮 ,屏幕上指定模型中间转角处的一个对角,按住鼠标左键拖动到另一对角,如图1-20

3.4K30

MastercamX5中文版实例教程

Ribbon工具栏位于工具栏的最下方,可根据当前正在进行的操作显示相应的命令。例如,当用户单击 按钮进行直线绘制,将显示如图1-5所示的直线工具栏。...提示: 在对鼠标选择方式列表进行选择,系统会出现一个 光标,提示用户通过右击鼠标进行选择。...第2层和第3层的图素均被隐藏起来了。 (4) 恢复显示第2层和第3层的图素。“层别”处右击,系统提示用户选择需要改变图层的图素。...图形对象观察工具栏中的主要选项如下。 ● :动态显示,可利用鼠标图形窗口中选择一个中心,通过拖动鼠标来使图形对象绕该点进行旋转,调整视图。 ● :选择前一个视图平面进行观察。...(3) 修改图素属性状态栏“属性”按钮处,单击鼠标左键和右键有何不同? (4) 解释系统公差和串连公差的含义,以及如何进行设置。

3.4K20

分享5个关于 Vue 的小知识,希望对你有所帮助

然后,我们添加@mouseover指令,并将其值设置为hovered = true,当我们将鼠标移到div内,我们将@mouseover指令设置为hovered = false,以鼠标移到div内和移出...我们使用v-show指令来hovered为true显示第二个p元素。 现在,当我们的鼠标div内,我们可以看到“hovered”被显示出来。...当我们将鼠标移出div,“hovered”消失了。 3、Vue.js中获取组件内的元素 有时候,我们希望Vue.js中获取组件内的元素。...同样可以使用这个自定义指令来监听点击事件,并在点击事件发生在菜单外部,关闭上下文菜单。 工具提示(Tooltip):工具提示也有类似的需求。...当工具提示展示,如果用户点击了工具提示以外的其他地方,我们通常希望工具提示会消失。

19830

Excel表格的35招必学秘技

1.打开需要打印的工作表,用鼠标不需要打印的行(或列)标上拖拉,选中它们再右击鼠标随后出现的快捷菜单中,选“隐藏”选项,将不需要打印的行(或列)隐藏起来。   ...提示以后打印报表,如果不需要打印“企业类别”列,可以选中该列,右击鼠标,选“隐藏”选项,将该列隐藏起来即可。...另外,如果我们使用了Excel的“分级显示”,那么当我们按住Shift和滚动鼠标滚轮,又可以控制各级条目的显示隐藏了。当然,还有更多的特殊功用需要各位在实践中慢慢摸索。...通过它你可以轻松看到工作表、单元格和公式函数改动是如何影响当前数据的。   工具”菜单中单击“公式审核”子菜单,然后单击显示监视窗口”按钮。...提示:当包含有指向其他工作簿的单元格被监视,只有当所有被引用的工作簿都打开,才能在“监视窗口”的列表中显示出来。

7.4K80
领券