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

4-Jquery学习四-事件操作

; } } ); 此外,如果符合条件的元素是bind()函数执行后新添加的,绑定事件不会对其生效。...应是selector的祖辈元素,selector触发的事件可以被其祖辈元素在事件流中捕获,从而以"代理"的形式触发事件。...", function(event){ alert( $(this).text() ); }); // 后添加的n6也可以触发上述click事件,因为它也是div中的p元素 $("#n1")....2-triggerHandler()触发事件只针对jQuery对象中的第一个匹配元素。 3-triggerHandler()触发的事件不会在DOM树中冒泡,因此事件不会冒泡传递到它的任何祖辈元素。...是支持冒泡的,当我们把鼠标光标放入文本框时,该事件冒泡传递到父元素p上,因此可以在p元素上触发focusin事件。

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

    Java-GUI编程之事件处理

    事件处理 前面介绍了如何放置各种组件,从而得到了丰富多彩的图形界面,但这些界面还不能响应用户的任何操作。比如单击前面所有窗口右上角的“X”按钮,但窗口依然不会关闭。...GUI事件处理机制 定义: ​ 当在某个组件上发生某些操作的时候,会自动的触发一段代码的执行。...在GUI事件处理机制中涉及到4个重要的概念需要理解: 事件源(Event Source) :操作发生的场所,通常指某个组件,例如按钮、窗口等; 事件(Event):在事件源上发生的操作可以叫做事件,GUI...事件 触发时机 ActionEvent 动作事件 ,当按钮、菜单项被单击,在 TextField 中按 Enter 键时触发 AjustmentEvent 调节事件,在滑动条上移动滑块以调节数值时触发该事件...ltemEvent 选项事件,当用户选中某项, 或取消选中某项时触发该事件 。 TextEvent 文本事件, 当文本框、文本域里的文本发生改变时触发该事件。

    1.4K20

    Java图形用户界面设计AWT事件处理

    前面的文章介绍了如何放置各种组件,从而得到了丰富多彩的图形界面,但这些界面还不能响应用户的任何操作。比如单击前面所有窗口右上角的“X”按钮,但窗口依然不会关闭。...一、GUI事件处理机制 定义 当在某个组件上发生某些操作的时候,会自动的触发一段代码的执行。...事件 触发时机 ActionEvent 动作事件 ,当按钮、菜单项被单击,在 TextField 中按 Enter 键时触发 AjustmentEvent 调节事件,在滑动条上移动滑块以调节数值时触发该事件...ltemEvent 选项事件,当用户选中某项, 或取消选中某项时触发该事件 。 TextEvent 文本事件, 当文本框、文本域里的文本发生改变时触发该事件。...三、示例 代码示例 示例一 完成下图效果,点击确定按钮,在单行文本域内显示 hello world: public class EventDemo1 { Frame frame = new

    17110

    VBA专题05-1:一文彻底掌握用户窗体编程基础知识(上)

    有一些更多的可用的控件,可以在控件工具箱中单击右键,从快捷菜单中选择“附加控件”,能够添加日历、电子表格、图形等等其它控件。 4.添加事件程序。...,或者在工程资源管理器窗口中的用户窗体图标上单击右键后选择“查看代码”来打开代码模块窗口。...然后,在代码模块窗口中,对用户窗体或控件添加相应的事件程序代码。 5.显示用户窗体。打开用户窗体模块,按F5键可以运行宏程序,或者单击工具栏中的运行按钮,将显示用户窗体。...装载和卸载 在用户窗体显示之前,必须将其装载到内存中。如果显示一个没有装载的用户窗体,该窗体将自动装载。事实上,用户窗体中的任何引用或者变量或者控件或者属性都将强制装载,并且触发初始化事件。...如果想初始化用户窗体但不显示窗体的话,可以使用如下方式装载: Load frmMain 在隐藏了用户窗体后,该窗体仍然被装载。如果再次显示它,初始化程序不会再次运行。

    6.5K20

    七、功能性组件与事件逻辑(IVX 快速开发教程)

    文本组件 中选择数据为 “当前数据1” 后,将会显示一个具体属性值进行选择: 操作流程如下: 7.2 事件逻辑 事件逻辑是整个项目的核心,若没有事件逻辑这个项目则是一个静态界面,没有任何的 “功能”...·我们可以将界面当做一个电饭锅的外壳,则事件逻辑是其内部的功能。电饭锅的外观有一个按钮,若没有功能按下了则不会运行任何行为,只有添加了按下按钮后要处理的事件逻辑,才可以给这个电饭锅赋予对应的功能。...件编辑框 中触发事件下拉选项可以看到多个触发事件,选择对应的 触发事件 即可对某个对象进行某个操作(动作): 在 iVX 中事件触发块显示颜色为蓝色,而动作块显示颜色为深绿色: 此时我们选择 触发事件...选择 “按钮1” 后点击右侧的事件选项即可添加事件,在事件中我们将 “按钮1” 的 触发事件 设置为点击: 所需要操作的对象为 “待替换文本”,动作为设置属性: 随后设置内容为目标文本内容:...这个时候在该 矩形组件 中再添加一个 运动组件: 随后点击 运动组件,设置 运动组件 的运动反向为垂直 90° 向上,并且运动速度为负数即可反方向运动,但是在此一定要注意要开启自动播放,否则该运动效果将不会生效

    1.9K30

    javascript高级程序设计第三版书摘

    不过,在执行最后一行代码把元素添加到页面中之前,是不会下载外部文件的。加载完成后,就可以在页面中的其他地方使用这个脚本了。问题只有一个:怎么知道脚本加载完成呢?...这个事件在其他任何事件触发后都会触发。 DOMNodeInserted:在一个节点作为子节点被插入到另一个节点中时触发。 DOMNodeRemoved:在节点从其父节点中被移除时触发。...(textarea 是一个例外,在文本区中回车会换行。)如果表单里没有提交按钮,按回车键不会提交表单。 以这种方式提交表单时,浏览器会在将请求发送给服务器之前触发 submit 事件。...在 IE 4 中,唯一有效的放置目标是文本框。到了 IE5,拖放功能得到扩展,添加了新的事件,而且几乎网页中的任何元素都可以作为放置目标。 IE5.5 更进一步,让网页中的任何元素都可以拖放。...在 JavaScript 中没有任何代码是立刻执行的,但一旦进程空闲则尽快执行。 定时器对队列的工作方式是,当特定时间过去后将代码插入。

    1.8K40

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

    DOM3级的事件类型主要包括:UI事件,用户与页面上的元素交互时触发;焦点事件,元素获得或失去焦点触发;鼠标事件,用户通过鼠标在页面上执行操作时触发;滚轮事件,使用鼠标滚轮时触发;文本事件,当在文档中输入文本时触发...上面触发;unload事件,当页面完全卸载后在window上面触发、当所有框架都卸载完成时在框架集上触发、当嵌入的内容卸载完毕后在object上触发;abort事件,在用户停止下载过程时,如果嵌入的内容未加载完成...img的图片加载完成后,会触发load事件,在load事件中,我们获取了event对象,并通过event对象的属性currentTarget取得了事件处理程序操作的元素。...window,"resize",function(event){ 2 alert("resize"); 3 });   需要注意的是不要再resize中添加大量的计算代码...其中keydown和keypress是在文本框发生变化之前触发,keyup是在文本框变化之后触发。如果按下的是非字符集,则会触发keydown和keyup事件。

    1.8K50

    文档和元素的几何滚动

    或者onchange事件处理程序可以处理这些事件(h5中,可以直接在表单中添加type类型达到表单过滤的效果) 用户与表单元素交互时它们往往会触发click或change事件,通过定义onclick或onchange...当用户在一个文本域输入文本或从下拉列表中选择一个选项后就触发change事件,当用户在一个文本域中该数据不是每次用户输入一个键值时都会触发该事件。它仅仅当用户改变了值才会触发该事件。...失去焦点触发blur事件 在事件处理程序代码中关键字this将会触发该事件的文档元素的一个引用,或者通过this.form.x得到该表单中以x命名的元素 事件总结 提交触发的事件 当用户单击按钮(或者回车的时候...this的问题 this是触发该事件的文档元素的一个引用。即触发该事件的对象 在form元素中的元素拥有一个form引用了其父级的form。通过this.form会得到form对象的引用。...单选和复选框本身不显示任何的文本,它们通常和相邻的html文本一起显示(于label元素相关联)。

    5.2K00

    jquery使按钮置灰不可用

    当点击“禁用按钮”后,将触发事件,使“点击我”按钮置灰并设置为不可用状态。...如果需要给按钮添加文本提示,可以使用attr("title", "按钮已禁用")。...如果有任何疑问或者其他需求,欢迎留言讨论。希望本文对您有所帮助!按钮置灰不可用的效果经常用于表单提交时,为了避免用户重复提交表单或者在表单提交过程中禁止其他操作。...当点击“禁用提交按钮”后,将触发事件,使“提交”按钮置灰并设置为不可用状态。...特点:当元素被禁用时,其外观通常会发生改变,呈现灰色,并无法触发与鼠标或键盘相关的事件。被禁用的元素不会在表单提交时被包含在表单数据中,也不会被包含在表单中的序列化字符串中。

    44510

    JavaScript(十二)

    )时触发 文本事件,当在文档中输入文本时触发 键盘事件,当用户通过键盘在页面上执行操作时触发 UI 事件 UI 事件指的是那些不一定与用户操作有关的事件。...现有的 UI 事件如下: load: 当页面完全加载后在 window 上面触发,当图像加载完毕时在 img 元素上面触发 unload: 当页面完全卸载后在 window 上面触发 error: 当发生...事件; 如果 mousedown 或 mouseup 中的一个被取消,就不会触发 click 事件。...类似地,只有触发两次 click 事件,才会触发一次 dblclick 事件。如果有代码阻止了连续两次触发 click 事件,那么就不会触发 dblclick 事件了。...在文本插入文本框之前会触发 textInput 事件 内存和性能 ---- 在 JavaScript 中,添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能。 导致这一问题的原因是多方面的。

    2.9K20

    JavaScript脚本语言入门(下)

    onload 页面完全载入后,在windows对象上触发;所有框架都载入后,在框架集上触发;标记指定的图像完全载入后,在其上触发;标记指定的对象完全载入后,在其上触发。...onreset 单击重置按钮时,在上触发 onresize 窗口或框架的大小发生改变时触发 onscroll 在任何带滚动条的元素或窗口上滚动时触发 onselect 选中文本时触发 onsubmit...onunload 页面完全卸载后,在windows对象上触发;或者所有框架都卸载后,在框架集上触发 3.事件处理程序的调用 在使用事件处理程序对页面进行操作时,在最主要的是如何通过对象的事件来制定事件处理程序...中 在HTML中分配事件处理程序,只需要在HTML标记中添加相应的事件,并在其中指定要执行的代码或函数名即可。...在页面中添加用于输入原字符串和显示转换后的字符串的表单及表单元素,代码如下: function trim(){ var

    1.6K10

    D3库实践笔记之图表交互 |可视化系列36

    对于HTML元素来说,要响应用户的行为,可以在图形元素上添加一个或多个事件监听器,当监测到对应行为时,执行某些响应代码。...而如果我们添加事件监听器后,触发对应的事件就能调用这个监听器的设置,具体来说就是执行某些代码。 D3的选择集有一个方法on(),用来设定事件的监听器。...);•mouseout:光标从某元素上移出来时;•mousedown:鼠标按钮被按下;•mouseup:鼠标按钮被松开; 以下代码为图表标题添加了一个单击事件的监听器,当点击标题元素,会将标题加粗并在控制台输出当前标题文本...键盘事件有三种: •keydown:当用户按下任意键时触发,按住不放会重复触发此事件,这一事件不会区分字母的大小写,例如“A”和“a”被视为一致;•keypress:当用户按下字符键(大小写字母、数字..., 更新 ,点击按钮触发事件,在函数update里面调用d3的绘制代码,实现交互。

    5.4K00

    事件

    有权访问全局中任何代码 alert("click"); } 包含事件变量event,及函数内部this指向事件目标元素 代码运行以前不会指定事件处理程序,因此如果这些代码在页面中位于按钮后面,就有可能在一段时间内怎么点击都没有反应。 3....事件 说明 blur 在元素失去焦点时触发,不会冒泡 focus 在元素获得焦点时触发,不会冒泡 focusin 在元素获得焦点时触发,会冒泡 focusout 在元素失去焦点时触发,会冒泡 当焦点从页面中的一个元素移动到另一个元素...变动事件 DOM2级的变动事件能在DOM中的某一部分发生变化时给出提示。 事件 说明 DOMSubtreeModified 在DOM结构中发生任何变化时触发。...在重新加载的页面中,pageshow会在load事件触发后触发,而对于bfcache中的页面,pageshow会在页面状态完全恢复的那一刻触发 pagehide事件 事件会在浏览器卸载页面的时候触发,而且是在

    3.3K51

    前端架构师之11_JavaScript事件

    事件冒泡方式(微软):事件流传播的顺序应该是从发生事件的元素节点到DOM树的根节点。 W3C的解决方案 规定事件发生后,先实现事件捕获,但不会对事件进行处理。...在JavaScript代码中,为需要事件处理的DOM元素对象,添加事件与事件处理程序。 DOM元素对象.事件 = 事件的处理程序; 事件的处理程序一般都是匿名函数或有名的函数。...var event = e || window.event; 2.2 常用属性和方法 在事件发生后,事件对象event中不仅包含着与特定事件相关的信息,还会包含一些所有事件都有的属性和方法。...load事件:用于body内所有标签都加载完成后才触发,又因其无需考虑页面加载顺序的问题,常常在开发具体功能时添加。 unload事件:用于页面关闭时触发,经常用于清除引用避免内存泄漏时使用。...事件名称 事件触发时机 focus 当获得焦点时触发(不会冒泡) blur 当失去焦点时触发(不会冒泡) 3.3 鼠标事件 鼠标事件是Web开发中最常用的一类事件。

    7410

    Excel编程周末速成班第22课:使用事件

    在大多数情况下,VBA编辑器会为你创建事件过程的框架(第一行和最后一行)。打开代码编辑窗口后,该窗口顶部将显示两个下拉列表(参见图22-1)。...应该在工程的什么位置放置事件处理过程呢?如果该过程放置在错误的位置,即使它的名称正确,也不会响应其事件。...图22-1:在代码编辑窗口输入事件过程 事件顺序 处理事件时,你需要了解某些操作会导致触发Excel中的多个事件。在这些情况下,多个事件以特定顺序发生。...下面是一个示例:将在工作簿中添加新工作表时,将按以下顺序触发下列三个应用程序级事件: 当添加新的工作表时,将发生WorkbookNewSheet。...何时需要禁用事件?当事件过程中的代码直接或间接导致再次触发同一事件时。 下面是一个例子。 只要修改工作表中的数据,就会触发Worksheet_Change事件。

    2.8K10

    前端-组件、Prop 和 State

    在规格说明书中,我们可以告诉工厂每个部件的固有属性,比如屋顶的颜色、门的形状,等等。在按照我们的要求将屋顶和门生产出来后,它们的属性不会产生任何变化,屋顶还是蓝色的,门依旧是矩形的。...其次,Prop 的值永远不会改变。 那 prop 在代码中是怎样的呢?在 House 组件中,如果我们想要蓝色屋顶的话,只需在 Roof 组件上添加 “color” 属性。...我们可以说门的状态就是 state ,因为它的值是可以在门创建后更改的。在这点上,state 与 prop 是不同的,prop 是不会改变的,比如门的形状。 状态值的改变通常是由外部事件所引起的。...在 Web 应用中,这些所谓的外部事件通常包括:用户输入了数据,或者从服务端获取了数据,又或者是定时器的触发。...比如门的开关状态可以包括在 state 里面。state 会随着一些外部事件的发生而变化。这些所谓的外部事件通常包括:用户输入了数据,或者从服务端获取了数据,又或者是定时器的触发。

    1.6K30
    领券