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

前端架构师之11_JavaScript事件

例如,单击 标签后,会自动跳转到href属性指定的URL链接;单击表单的submit按钮后,会自动将表单数据提交到指定的服务器端页面处理。因此,我们把标签具有的这种行为称为默认行为。...例如,文本框获取焦点改变文本框的样式,文本框失去焦点时验证文本框内输入的数据等。...处理释放鼠标按键的事件,实现鼠标按钮松开后,弹框不再移动。 3.5 键盘事件 键盘事件是指用户在使用键盘时触发的事件。 例如,用户按Esc键关闭打开的状态栏,按Enter键直接完成光标的上下切换等。...小图显示在商品的展示区域。 大图用于鼠标在小图上移动时,按比例的显示大图中的对应区域。 编写HTML页面,展示小图、隐藏鼠标的遮罩及大图。 当鼠标在小图上移动时,显示鼠标的遮罩和大图。...小图显示在商品的展示区域。 大图用于鼠标在小图上移动时,按比例的显示大图中的对应区域。 编写HTML页面,展示小图、隐藏鼠标的遮罩及大图。 当鼠标在小图上移动时,显示鼠标的遮罩和大图。

7410

【Java AWT 图形界面编程】事件处理机制 ③ ( AWT 中常见的事件和事件监听器 | 低级事件 | 组件事件 | 窗口事件 | 鼠标事件 | 高级事件 | 动作事件 | 事件监听器 )

尺寸变化 , 位置变化 , 可见/隐藏 属性变化 时 , 触发该事件 ; 容器事件 : ContainerEvent , Container 容器中 添加 / 删除 组件时触发该事件 ; 窗口事件 :...当调用 update paint 函数时 , 触发该事件 ; 2、高级事件 高级事件 : 组件的 某项功能 触发的事件 , 不局限于具体的动作 ; 动作事件 : ActionEvent , 组件 , 按钮..., 菜单 被点击时 , 文本框按下回车键时 , 触发该事件 ; 调节事件 : AjustmentEvent , 拖动条 拖动滑块 调节数值 , 触发该事件 ; 选项事件 : ItemEvent , 选中某个组件时触发该事件..., 失去焦点 ; 焦点事件监听器 : FocusListener , 监听 组件获取焦点 , 失去焦点 ; 鼠标事件监听器 : MouseMotionListener , 监听 鼠标 按下 , 移动...update paint 函数 ; 动作事件监听器 : ActionListener, 监听 组件 , 按钮 , 菜单 被点击时 , 文本框按下回车键 ; 调节事件监听器 : AjustmentListener

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

    1-3 Winform 中的常用控件(

    设置所有代码为可用状态;             comboBox1.SelectedIndex = 0;//设置组合框控件默认为第一个             textBox1.Focus();//设置第一个文本框后的焦点...案例学习:标签控件的隐藏,窗口打开与关闭 本次实验目标是建立两个窗体,当点击图1-11的登录系统时候,可以打开另一个窗体,在点击文字打开后显示学校名称,点击文字隐藏时候隐藏学校名称。...Button按钮控件 TextBox文本框控件是使用频度较高的控件,主要用以接收或显示用户文本信息。...ReadOnly 文本框中的文本为只读 Text 检索在控件中输入的文本 方法 说明 Clear 删除现有的所有文本 Show 相当于将控件的 Visible 属性设置为 True 并显示控件 事件...说明 KeyPress 用户按一个键结束时将发生该事件 表1-2 TextBox文本框控件属性及方法 Button按钮控件主要接收用户功能确认操作,以期执行具体的触发事件。

    2.8K10

    Windows 8.1 应用再出发 - 几种常用控件

    本篇为大家简单介绍Windows 商店应用中控件的用法,为方便讲解,我们在文本控件和按钮控件这两类中分别挑选有代表性的控件进行详细说明。 1....Hover:将鼠标指针移到控件上方时应引发 Click 事件,Press:按下鼠标按键且鼠标指针位于控件上方时应引发 Click 事件,如果使用的是键盘,则指定在按下空格键或 ENTER 键且控件具有键盘焦点时应引发...Click 事件,Release:按下并松开鼠标左键且鼠标指针位于控件上方时应引发 Click 事件,如果使用的是键盘,则指定在按下并松开空格键或 Enter 键且控件具有键盘焦点时应引发 Click...private void ToggleButton_Checked(object sender, RoutedEventArgs e) {} // 按钮变为选中未状态后触发的事件...private void ToggleButton_Unchecked(object sender, RoutedEventArgs e) {} // 按钮变为不确定状态后触发的事件

    2.3K40

    【译】W3C WAI-ARIA最佳实践 -- 布局

    如果焦点位于列中的顶部单元格上,则焦点不会移动。 Page Down: 以开发者设定的行数移动焦点,一般滚动时,当前可见行集合中的最后一行会变为第一次滚动后可见行中的一行。...这些键盘命令在 Tab 中的元素接收焦点后默认可用。 Right Arrow: 将焦点向右移动一个单元格。可选地,如果焦点位于行中最右侧的单元格上,则焦点可能会移动到下一行中的第一个单元格。...例如如果一个单元格包含一个按钮,网格导航键在单元格上放置焦点,而不是按钮上,屏幕阅读器会朗读出按钮的标签,但不会告知用户存在一个按钮。...如果输入框是个单行文本框,连续按 Enter ,会重置网格导航功能,或移动焦点到附近单元格的输入框中。 如果单元格包含一个或多个组件,将焦点放置在第一个组件上。...优化工具栏小部件的优点: 实现焦点管理,这样在Tab顺序中只包含一个toolbar站点,使用光标键可以在toolbar的控件间移动焦点。 避免在工具栏中包含需要光标键操作的控件,例如文本框或单选按钮。

    6.2K50

    Python中tkinter模块的常用参数总结

    (在Tkinter中窗口部件类没有分级;所有的窗口部件类在树中都是兄弟。)...设置文本与按钮边框x的距离,还有pady;activeforeground    按下时前景色textvariable    可变文本,与StringVar等配合着用6、文本框tkinter.Entry...vaildate  “focus”         当Entry组件获得或失去焦点的时候去验证  “focusin”        当Entry组件获得焦点的时候去验证  “focusout”       ...coords(ID) 返回对象的位置的两个坐标(4个数字元组);对于按钮组件、菜单组件等可以在创建组件时通过command参数指定其事件处理函数。...;Map      当组件由隐藏状态变为显示状态时触发;FocusIn       当组件获得焦点时触发;FocusOut       当组件失去焦点时触发

    87330

    【译】W3C WAI-ARIA最佳实践 -- 表单

    - (可选):当焦点位于一个具有子菜单的menuitem上时,打开子菜单并将焦点放在其子菜单的第一个项目上。...键盘互动 当按钮有焦点时: Space:激活按钮 Enter:激活按钮 按钮激活后,根据按钮的操作类型设置焦点。例如: 如果激活按钮打开一个对话框,焦点将移动到对话框内。...如果激活按钮不会关闭当前上下文,按钮激活后,焦点仍停留在该按钮上,例如,一个应用或重新计算的按钮。...例如,在一个设置闹钟的部件中,一个数值调节按钮允许用户在0-59间选择分钟。 数值调节按钮通常有三个组件,包含一个显示当前值的文本框,一个增加按钮,一个减小按钮。...如果数值编辑按钮的文本框允许直接编辑其值,支持以下键。 适用于设备平台的标准单行文本编辑键(请参阅下面的注释)。 可打印字符: 在文本框中输入字符。

    8.3K30

    vue todolist案例_nodejs mvc

    (items )没有数据时, #main 和#footer 标识的标签应该被隐藏 4.2 在最上面的文本框中添加新的任务。...按Enter键添加任务列表中,并清空文本框。 当加载页面后文本框自动获得焦点,在 input 上使用 autofocus 属性可获得。 4.3 左下角要显示未完成的任务数量。...单击Clear completed按钮后,确保复选框清除了选中状态 当列表中没有已完成的任务时,应该隐藏Clear completed按钮。...4.6 双击(某个任务项)进入编辑状态(在上通过.editing进行切换状态)。 进入编辑状态后输入框显示原内容,并获取编辑焦点。...按Enter键 或 失去焦点时 保存改变数据,移除editing 样式; 4.7 根据点击的不同状态( All / Active / Completed ),进行过滤出对应的任务,并进行样式的切换

    1.3K10

    浅谈JavaScript的事件(事件类型)

    上面触发;unload事件,当页面完全卸载后在window上面触发、当所有框架都卸载完成时在框架集上触发、当嵌入的内容卸载完毕后在object上触发;abort事件,在用户停止下载过程时,如果嵌入的内容未加载完成...当用户在页面上由一个元素移动到另一个元素事件触发的顺序为:focusout事件,在失去焦点的元素上触发;focusin事件,在获得焦点的元素上触发;blur事件,在失去焦点的元素上触发;focus事件,...DOM3级中定义了9个鼠标事件:click事件,用户单击鼠标左键触发的事件或者按下enter键触发;dbclick事件,用户双击鼠标左键的时候触发;mousedown事件,用户按下鼠标按钮时触发;mouseenter...这个事件不冒泡,而且光标在移动到后代元素上不会触发;mouseleave事件,在位于元素上方的事件移动到元素范围之外时触发;mousemove事件,鼠标在元素内部移动时重复重复;mouseout事件,在鼠标指针位于一个元素上方然后用于将其移入另一个元素时触发...其中keydown和keypress是在文本框发生变化之前触发,keyup是在文本框变化之后触发。如果按下的是非字符集,则会触发keydown和keyup事件。

    1.8K50

    C#学习笔记—— 常用控件说明及其属性、事件

    如果此属性值设置为true,则当任何控件位于窗体工作区之外时,会在该窗体上显示滚动条。另外当自动滚动打开时,窗体的工作区自动滚动,以使具有输入焦点的控件可见。...(4)HideSelection属性:用来决定当焦点离开文本框后,选中的文本是否还以选中的方式显示,值为true,则不以选中的方式显示,值为 false将依旧以选中的方式显示。...3、常用事件: (1)GotFocus事件:该事件在文本框接收焦点时发生。 (2)LostFocus事件:该事件在文本框失去焦点时发生。...通过设置窗体的AcceptButton或 CancelButton 属性,无论该按钮是否有焦点都可以使用户通过按 Enter 或 Esc 键来触发按钮的 Click事件。...设计时单击Image属性,在其后将出现【…】按钮,单击该按钮将出现一个【打开】对话框,在该对话框中找到相应的图形文件后单击【确定】按钮。产生一个Bitmap类的实例并赋值给Image属性。

    9.9K20

    项目开发实战_go项目实战

    )没有数据时, #main 和#footer 标识的标签应该被隐藏 任务涉及字段:id、任务名称( name),是否完成(completed true为已完成) 2.2 添加任务 在最上面的文本框中添加新的任务...按Enter键添加任务列表中,并清空文本框。 当加载页面后文本框自动获得焦点,在 input 上使用 autofocus 属性可获得。...单击Clear completed按钮后,确保复选框清除了选中状态 当列表中没有已完成的任务时,应该隐藏Clear completed按钮。...2.7 编辑任务项 双击(某个任务项)进入编辑状态(在 上通过.editing进行切换状态)。 进入编辑状态后输入框显示原内容,并获取编辑焦点。...按Enter键 或 失去焦点时 保存改变数据,移除editing 样式; 2.8 路由状态切换(过滤不同状态数据) 根据点击的不同状态( All / Active / Completed ),进行过滤出对应的任务

    1.5K20

    Java-GUI编程之事件处理

    比如单击前面所有窗口右上角的“X”按钮,但窗口依然不会关闭。因为在 AWT 编程中 ,所有用户的操作,都必须都需要经过一套事件处理机制来完成,而 Frame 和组件本身并没有事件处理能力 。...在GUI事件处理机制中涉及到4个重要的概念需要理解: 事件源(Event Source) :操作发生的场所,通常指某个组件,例如按钮、窗口等; 事件(Event):在事件源上发生的操作可以叫做事件,GUI...FocusEvent 焦点事件 , 当组件得到焦点或失去焦点 时触发该事件 。 KeyEvent 键盘事件 , 当按键被按下、松开、单击时触发该事件。...事件 触发时机 ActionEvent 动作事件 ,当按钮、菜单项被单击,在 TextField 中按 Enter 键时触发 AjustmentEvent 调节事件,在滑动条上移动滑块以调节数值时触发该事件...TextEvent 文本事件, 当文本框、文本域里的文本发生改变时触发该事件。

    1.4K20

    Qt项目之虚拟键盘V1.1

    不知道上次有没有小伙伴用我的思路自己去实现一遍虚拟键盘,上次的版本存在一些的缺陷,我并不是在点击输入文本框时显示键盘的,而是通过鼠标的点击事件显示键盘的。...我改进的方式是将字母直接都存储起来,如果按下大写锁定按钮,则将所有字母的Text刷新成大写的,反之刷新成小写的。文本框发送字母时也是同样的情况。听起来可能都是这样的,只是在实现时有没有更好地技巧。...mapper, SLOT(map())); gridLayout->addWidget(letterBt[i -12], row, column); } 二、点击文本框焦点弹出键盘...,再判断获得焦点的控件是否是我们已经注册事件过滤器的控件,如果是则进行键盘响应;反之如果是失去焦点事件则隐藏键盘。...三、使用鼠标左键可移动键盘 在键盘类中重新实现鼠标事件。

    2K40

    Atom飞行手册翻译: 2.5 查找和替换

    你可以按下cmd-F,输入需要搜索的字符串,并且多次按下回车(或者cmd-G,或者“Find Next”按钮)来在当前文件中搜索,循环查找当前文件中的匹配内容。...如果你在“Replace in current buffer”文本框中输入字符串,你可以将匹配到的结果替换成一个不同的字符串。...例如,如果你想要把每个“Scott”字符串的实例替换成字符串“Dragon”,你可以把这些值填到两个文本框中,之后点击“Replace All”按钮来进行替换。...你可以在“File/Directory pattern”文本框中输入Unix通配符,把搜索范围限制在你项目中文件的子集。当你打开了多个项目的文件夹,它还可以用于在其中一个文件夹中查找。...当焦点在“Find and Replac”面板上的时候,按下escape从你的工作环境中隐藏这个面板。

    47030

    JavaScript(十二)

    现有的 UI 事件如下: load: 当页面完全加载后在 window 上面触发,当图像加载完毕时在 img 元素上面触发 unload: 当页面完全卸载后在 window 上面触发 error: 当发生...有以下 4 个焦点事件: blur: 在元素失去焦点时触发 focus: 在元素获得焦点时触发 focusin: 在元素获得焦点时触发。...这个事件是 HTML 事件 blur 的通用版本 鼠标事件 DOM3 级事件中定义了 9 个鼠标事件: click: 在用户单击主鼠标按钮(一般是左边的按钮)或者按下回车键时触发 dblclick:...在用户双击主鼠标按钮(一般是左边的按钮)时触发 mousedown: 在用户按下了任意鼠标按钮时触发 mouseup: 在用户释放鼠标按钮时触发 mouseenter: 在鼠标光标从元素外部首次移动到元素范围之内时触发...mouseleave: 在位于元素上方的鼠标光标移动到元素范围之外时触发 mousemove: 当鼠标指针在元素内部移动时重复地触发 mouseout: 在鼠标指针位于一个元素上方,然后用户将其移入另一个元素时触发

    2.9K20

    Windows中的键盘快捷方式大全

    出现 Windows 提示时,将焦点移到该提示。 再次按这些键盘快捷方式,将焦点移到定位 Windows 提示的屏幕上的元素。...执行此操作 Windows 徽标键 + F1 打开 Windows 帮助和支持 Windows 徽标键 显示或隐藏“开始”屏幕 Windows 徽标键 + B 将焦点设置到通知区域 Windows 徽标键...Alt + 向右键 从远程桌面控件“跳转”到主机应用中的控件(如按钮或文本框)。...在将远程桌面控件嵌入到其他(主机)应用时,此功能将非常有用。 Ctrl + Alt + 向左键 从远程桌面控件“跳转”到主机应用中的控件(如按钮或文本框)。...在计算历史记录中向上导航 向下键 在计算历史记录中向下导航 Esc 取消编辑计算历史记录 Enter 编辑后重新计算计算历史记录 F3 在“科学型”模式下选择“度” F4 在“科学型”模式下选择“弧度”

    5.7K21

    【愚公系列】2023年11月 Winform控件专题 Button控件详解

    1.7 TabIndex在Winform中,TabIndex可以用于指定控件的Tab键顺序。当用户按下Tab键时,控件会按照TabIndex的顺序依次获得焦点。...在Winform中,大多数控件都具有TabStop属性,例如按钮(Button)、文本框(TextBox)、标签(Label)等。默认情况下,TabStop属性都是设置为true的。...4.设置完成后,在设计时预览窗体即可看到背景图像效果。需要注意的是,在设置窗体背景图像时,应选择合适的图像分辨率和大小,以避免影响窗体的显示效果和性能。...,按钮的边框颜色为红色,边框宽度为1,背景色在鼠标按下时为黄色,在鼠标移过时为绿色,同时将按钮的样式设置为Flat。...;此代码将使按钮上的图像位于按钮文本的左侧。

    1.8K12

    表单

    1)创建表单后,就可以在表单中放置控件以接受用户的输入       2)这些控件通常放在标签之间,也可以在表单之外用来创建用户界面       3)不同的表单控件有不同的用途...例如如果表单上有几个文本框,可以按名称来标识它     value        此属性是可选属性他指定元素初始值,如果type为radio类型则必须指定一个值     size        此属性指定表单元素的初始宽度...设置了type属性后在密码框输入的字符全都是以黑色实心的来显示,从而实现对数据的处理 单选按钮   用户只能选中一个单选按钮在使用单选按钮时,需要一个显示的...属性设置为hidden隐藏类型即可创建一个隐藏域 表单的只读与禁用   只读场景       网站服务器方不希望用户修改数据...如注册或交易协议   禁用场景       只有满足某个条件后才能选用某项功能。如只用用户同意了才能点击注册按钮。

    4.8K90
    领券