前言 对于图形用户界面的程序来说,事件处理是十分重要的。要想实现用户界面,必须掌握Java事件处理的基本方法。本章将讲解Java AWT事件模型的工作机制,从中可以看到如何捕捉鼠标和键盘产生的事件。...另外,本章还介绍如何使用最简单的GUI组件元素,如按钮,以及如何处理由这些组件产生的基本事件。在下一章中,将阐述如何将Swing提供的多个组件组织在一起,并全面地讲述这些组件产生的事件。...事件处理基础 任何支持GUI的操作环境都要不断地监视敲击键盘或点击鼠标这样的事件。操作环境将这些事件报告给正在运行的应用程序。如果有事件产生,每个应用程序将决定如何对它们做出响应。...在示例程序中,监听器对象将改变面板的背景颜色。 在演示如何监听按钮点击事件之前,首先需要讲解一下如何创建按钮以及如何将它们添加到面板中。(有关GUI元素更加详细的内容请参阅第9章。)...• String getClassName( ) 返回观感实现类的名称。 实例:捕获窗口事件 并不是所有的事件处理都像按钮点击那样简单。下面这个例子就有点复杂,在第7章中我们曾经简要的介绍过。
冒泡事件和捕获事件 冒泡事件是,进行 捕获事件是从外向内,从大到小 冒泡事件bindtap one <view...测试 点击 区域,事件会从内到外从小到大Console`控制台显示 捕获事件capture-bind:tap <view id="one" class="one" capture-bind:tap="_...测试 点击 three区域,<em>事件</em>会从外到到,从大到小进行传递,Console`控制台显示 非冒泡<em>事件</em>和<em>捕获</em>阻止<em>事件</em> 非冒泡<em>事件</em>catchtap <view id="one" class="one" bindtap...测试 点击 three区域,事件从内到外传递被阻止,Console控制台显示 捕获阻止事件capture-catch:tap <view id="one" class="one" capture-catch...测试 点击 three区域,互斥事件绑定 一个 mut-bind 触发后,如果事件冒泡到其他节点上,其他节点上的 mut-bind 绑定函数不会被触发,但 bind 绑定函数和 catch 绑定函数依旧会被触发
事件处理程序 事件处理程序分为: HTML事件处理 DOM0级事件处理 DOM2级事件处理 IE事件处理。 HTML事件 <!...var btn1=document.getElementById("btn1"); btn1.onclick=function(){alert("Hello DOM0级事件处理程序...1");}//被覆盖掉 btn1.onclick=function(){alert("Hello DOM0级事件处理程序2");} DOM2...function demo3(){ alert("DOM2级事件处理程序3") } btn1.removeEventListener...("click",demo2); IE事件处理程序 IE实现了与DOM中类似的两个方法:attachEvent()和detachEvent()。
事件处理程序的名字以“on”开头,比如click事件的事件处理程序是onclick。为事件指定事件处理程序的方式有多种方式。...HTML事件处理程序 元素支持的事件,都可以使用与相应事件处理程序同名的HTML特性来指定。这个特性的值能支持一定的JavaScript代码。...如果要更换事件处理程序就需要改动两个地方:JavaScript和HTML。 DOM级事件处理程序 通过JavaScript指定事件处理程序的传统方式是将一个函数赋值给事件处理程序属性。...布尔值如果为true,表示在捕获阶段执行事件处理程序,如果为false,表示在冒泡阶段调用事件处理程序。...跨浏览器事件处理程序 为了以跨浏览器的事件处理程序,开发人员可以封装适合自己的js库。
本文方法适用于Volantis 5.0.0.alpha.1,不保证其他版本可用 Volantis中使用APlayer作为音乐播放器,如果希望在播放音乐时网页能够做出响应,例如弹窗,就需要对播放事件进行捕获...目标效果 我的网页左下角有一个看板娘,我希望播放音乐时她会说: 而暂停时她会说: 浏览了APlayer官方文档的方法后,发现在volantis中根本无效,于是自己查看volantis的源码并实现。...现在从中挑选出我认为比较重要的事件,写成js代码来分享,你需要自行定义函数并在函数里实现你要的功能。...事件捕捉 在volantis/layout/layout.ejs中定义以下函数,你可以直接写进去或者新建一个js文件来引用 function player_onPlay(){ //音乐播放 } function...当一首歌放完了,那么会快速触发onPause,onSeeked,onEnded,onPlay,onWaiting,onProgress等一系列事件。
事件流、事件捕获和事件冒泡的介绍 最近有用到对应的场景,下班了特地来整理下响应的概念,巩固下知识。 我们在点击页面时,事件发生时会在各元素节点按照一定的顺序进行传播,这种传播过程就称作事件流。...事件流分为三个阶段: 1、事件捕获阶段 事件从window发出,不断向子元素寻找对应的目标节点 2、事件目标阶段 事件找到了对应的目标节点,即此时再往下已经没有对应的节点 3、事件冒泡阶段 事件从节点位置网上回溯到文档的根节点...我们在使用给dom添加事件时一般使用addEventListener方法,该方法传入三个参数 1、对应的事件名称如:click 2、函数:触发对应的交互响应后执行的函数 3、userCapture:指定事件是在捕获还是冒泡阶段执行..."); }, true); // 对应的打印结果 body 事件捕获 test.html:37 container 事件捕获 test.html...有个例子就讲的挺有形象,就好比一个塑料扔到水里,先往下沉(捕获阶段),沉到最底部(目标阶段)再慢慢浮起来(冒泡阶段)。
所以我们可以很直观的打印输出事件的冒泡和捕获两个过程。 ? 输出顺序是body 捕获、test 捕获、test 冒泡、body 冒泡。...当我们增加了目标函数的点击事件,那么事件就不会遵守先发生捕获后再发生冒泡这一规则 ?...如果我在body捕获阶段就阻止了事件流,那么目标函数是不会执行的。 ? 只输出body 捕获。...stopPropagation既可以阻止事件的捕获还能阻止事件的冒泡,如果我在test冒泡阻止了事件的冒泡,那么就不会输出body冒泡。...对于事件,在事件捕获或者事件冒泡阶段处理并没有明显的优劣之分,但是由于事件冒泡被所有主流的浏览器兼容,从兼容性角度来说还是建议大家使用事件冒泡模型。这就是事件的捕获、冒泡、委托。
---- theme: channing-cyan 这是我参与8月更文挑战的第26天,活动详情查看:8月更文挑战 事件处理程序 事件就是用户或者浏览器执行的某种操作。...我们常用的点击,滚动视口,鼠标滑动都是事件,为响应事件而调用的函数被称为事件处理程序,在js中事件处理程序的名字以 on 开头。 html事件处理 我们都知道js代码也可以写在html元素标签内部。...DOM事件处理 DOM2规范为事件处理程序定义了俩个方法,一个是赋值addEvenTListener()一个是移除removeEventListener()。...这俩个方法接受三个参数,事件名、事件处理函数、布尔值。 布尔值true表示在捕获阶段执行,false(默认)表示冒泡阶段执行。...ie事件处理 ie浏览器也弄了一个类似我们刚刚DOM2规范的方法,attachEvent()和detachEvent(),注意这俩个方法接收俩个参数,它不支持捕获操作,所以只接收事件处理名称和函数。
一、事件对象 事件对象:在DOM触发事件时,会产生一个事件对象event,这个事件对象包含着所有与事件相关的信息。...既然event是事件对象,那么它必然存在属性 ①DOM中的事件对象event属性 (1)、type属性用于获取事件类型 (2)、target、srcElement...属性用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为 二、DOM2级事件处理程序... (1)、addEventListener() 用于处理指定事件处理程序操作 (2)、removeEventListener() 用于处理删除事件处理程序操作 三、IE事件处理程序 (1...)、attachEvent() 用于处理指定事件处理程序操作 (2)、detachEvent() 用于处理移除事件处理程序操作
幸运的是,你可以在任何一个元素上使用事件处理来决定动画的状态。同时它支持连续播放不同动画这种细粒度的控制。...浏览器兼容性 在撰写本文时,Firefox,Chrome,Safari,Opera和IE10支持CSS3动画和相关联的事件处理程序。...PrefixedEvent(element, type, callback) { for (var p = 0; p code> 现在可以使用一行简单代码分配跨浏览器事件处理程序: // animation...更多来自本作者的内容 在JavaScript演示中查看CSS3动画事件 演示页面显示一个按钮。当它被点击时,“enable”类被切换开始flash动画。当动画事件触发时,状态显示在控制台中。...如果您在任何有趣的项目中使用动画事件捕获,可以告诉我们。
事件机制 ---- 事件触发三个阶段: window往事件触发处传播,遇到注册的捕获事件会触发 传播到事件触发处时触发注册的事件 从事件触发处往window传播,遇到注册的冒泡事件会触发 事件触发一般会按照...'}, true) 当点击innner元素时,如下元素发生了: 点击事件开始于捕获阶段,在此阶段浏览器会在所有祖先元素上查找点击事件处理函数(从document开始) 结果找到了2个,分别在document...和outer上面,而且这两个事件处理函数的useCapture选项为true,说明他们被注册在捕获阶段的。...于是,document和outer的点击处理函数被执行 继续向下寻找,直到到达inner元素本身,捕获阶段就此结束。...此时进入冒泡阶段,inner上的时间处理器得到执行 事件命中元素后开始向上冒泡,一路查找是否注册了冒泡阶段的祖先元素上的时间处理器。由于没有找到因此什么也没发生。
二、怎么使用事件功能? 两种方式使用事件功能:1、增加元素的事件属性;2、调用内置对象的方法addEventListener。 <!...当元素发生了某个事件,不仅会执行本元素的事件处理程序,还会一直向上寻找所有父元素对应的事件处理程序并执行。...2、事件委托 让父元素监听执行子元素的某个事件,原理:子元素没有注册事件处理程序,事件会冒泡向上寻找相应执行程序。...el.addEventListener("click", clickTest); 2、EventTarget.removeEventListener 删除用 EventTarget.addEventListener 注册的事件处理程序...alert("not cancelled"); } } 六、查看所有可用事件 所有可用事件这里 查看>>> 七、参考文档 详解JavaScript事件处理程序
继之前的文章 详解JVM如何处理异常,今天再次发布一篇比较关联的文章,如题目可知,今天聊一聊在JVM中线程遇到未捕获异常的问题,其中涉及到线程如何处理未捕获异常和一些内容介绍。...就变成了我们要聊的未捕获异常 另外,未捕获异常实际是Unchecked Exceptions的子集 UncaughtExceptionHandler 是什么 它是线程遇到未捕获异常的一个处理者接口 它包含一个方法...为某一个Thread实例设置未捕获异常处理者 也可以通过 静态方法 Thread.setDefaultUncaughtExceptionHandler 设置所有Thread实例的未捕获异常处理者 ThreadGroup...未捕获异常处理者 设置指南 ?...变量 如果出问题线程的uncaughtExceptionHandler为null(即没有显式设置异常处理者),则使用自己所在的ThreadGroup来作为未捕获异常处理者。
catch代码段 每个catch代码段声明其能处理的一种特定类型的异常,并提供处理方法 当异常发生时,程序会中止当前的流程,根据获取异常的类型去执行相应的catch代码段 finally段的代码,无论是否发生异常...上图左边,语句1发生异常,就会被捕获,跳转到相应的catch语句里,语句2并不会执行 总结try语句 try{...}语句指定了一段代码,该段代码就是一次捕获并处理异常的范围 在执行过程中,该段代码可能会产生并抛出一种或几种类型的异常对象...例如: getMessage()方法,用来得到有关异常事件的信息 printStackTrace()方法,用来跟踪异常事件发生时执行的堆栈内容 总结finally语句 finally语句为异常处理提供一个统一的出口...,使得在控制流程转到其他的部分以前,能够对程序的状态作统一管理 无论try所制定的代码块中是否抛出异常,finally语句所指定的代码块都要执行 通常在fianlly语句中可以执行资源的清除工作,例如:...,并不知道应该如何处理,就先将其抛出,由谁使用就由谁处理,如果使用者也不知道,就继续抛出 许多java库中的函数也有抛出异常,例如: ?
,但是要知道它代表的意思 用布尔值来表示,true或者false,默认是false true表示在捕获阶段调用事件处理程序 false表示在冒泡阶段调用事件处理程序 根据图片可以看出,捕获阶段要先于冒泡阶段...HTML事件处理程序 测试 function test() { alert("HTML事件处理程序..."); } 1.优点:事件处理程序中的代码,能够访问全局作用域中的任何变量 2.缺点:时差问题、扩展的作用域链在不同浏览器中会导致不同结果、html代码与js代码高度耦合 DOM0...2.缺点:一个元素只能绑定一个事件处理函数,只会在事件冒泡中运行 DOM2级事件处理程序 该级别的事件处理程序,运用的就是事件捕获和冒泡机制 测试...function() { alert("DOM2级事件处理程序,我在捕获阶段执行"); }, true); btn.addEventListener("click",
事件与事件流 事件,是文档或浏览器窗口发生的一些特定的交互事件。事件流,描述的是页面中接收事件的顺序。 默认情况下,事件使用冒泡事件流,不使用捕获事件流。...捕获与冒泡 事件捕获:执行顺序(document->html->body->div) 事件冒泡:执行顺序(div->body->html->document) IE < 9:只支持事件冒泡...IE 9+|chrome|firefox|safari:事件冒泡+事件捕获 阻止捕获与冒泡 event.stopPropagation() 示例代码 <!...'); // 阻止事件捕获,内层不会再捕获到事件 // event.stopPropagation(); }, true); middle.addEventListener...('click', function (event) { console.log('middle-->事件冒泡'); // 阻止事件冒泡,外层不会再捕获到事件
View的Tween动画过程中点击事件的位置并不会因为动画位置的改变而改变,是因为在动画过程中layout的位置实际上没有变,因此曾经一度认为View的点击事件(其实不仅仅是点击事件,包括所有的触摸事件...)触发的范围是该View在layout的时候指定的left,top,right,bottom。...今天才发现不完全是这样的。一切都是因为平时看代码没有仔细一点所造成了对问题理解不全面。 在这里记录一下发现问题到处理问题的过程。 ?...既然位置并没有改变,那么这时候点击第二个线性布局和按钮点击事件也被响应了,就说明捕获点击事件的位置并不完全是在layout的位置。...因为并没有将手伸到屏幕外面去点击… 回头来看ViewGroup#dispatchTouchEvent方法在分发触摸事件的时候: for (int i = count - 1; i = 0; i--)
下面这段代码是大部分开发人员经常使用的定义事件处理程序的方法。...,当在对象上触发 demo 事件时并没有关联的事件处理程序的话,C# 将会用 null 值来表示没有处理程序与该事件相关联,进而将会引发 NullReferenceException 异常。...=null)时发现 demo 不等于 null ,正巧这时线程 B 将唯一的事件处理程序解除了订阅,这时线程 A 再调用 demo 时事件处理程序已经变为了 null ,进而导致 NullReferenceException...=null) { handler(this); } } 上述这种方法是对等号右侧的内容进行了浅拷贝创建了新的引用,使其指向原来的事件处理程序(相当于给事件订阅者生成了一个快照...),当另一个进程注销掉事件处理程序时,注销的只是 demo 上所绑定的处理程序,因此当当前的线程执行 handler 时是不会出现 NullReferenceException 异常。
为了解决这个问题,我们需要使用异常处理机制来捕获和处理请求失败的情况,从而提高爬虫的稳定性和稳定性。...异常处理机制的特点 异常处理机制是一种编程技术,用于在程序运行过程中发生异常时,能够及时捕获并处理异常,从而避免程序崩溃或者出现不可预期的结果。...可以使用 try-except 语句来执行可能发生异常的代码,并在 except 子句中捕获并处理异常。 可以使用 raise 语句来主动抛出异常,并在上层调用处捕获并处理异常。...异常处理机制的案例 为了演示如何使用异常处理机制来捕获和处理请求失败的情况,我们将使用 requests 库来发送 HTTP 请求,并使用异步技术来提高爬虫的速度。...asyncio.run(main()) 结语 通过上面的介绍和案例,我们可以看到,使用异常处理机制来捕获和处理请求失败的情况,可以有效地提高爬虫的稳定性和稳定性,从而避免程序崩溃或者出现不可预期的结果
js中事件捕获的实现 1、当鼠标点击或触发dom事件,触发dom事件的元素称为事件源。 2、浏览器会从根节点=>事件源(从外到内)传播事件。...3、不太具体的节点应该更早接收到事件,最具体的节点应该最后接收到事件。...s2">s2 s1.addEventListener("click",function(e){ console.log("s1 冒泡事件..."); },false); s2.addEventListener("click",function(e){ console.log("s2 冒泡事件"); },...false); 以上就是js中事件捕获的实现,希望对大家有所帮助。
领取专属 10元无门槛券
手把手带您无忧上云