c++中事件和方法分别如何定义的

c++中事件和方法分别如何定义的,第1张

分类: 电脑/网络 >> 程序设计 >> 其他编程语言

解析:

事件是程序使用时对程序中的个别对象施加的 *** 作,比如对按钮的点击,而方法是产生了事件后你需要程序如何工作,一般是一段函数。

本小节我们介绍 Vue 中如何进行事件处理。在章节 22 中我们已经介绍了指令 v-on ,本章节我们将详细介绍在 v-on 的一些用法。包括如何传递参数、如何使用事件修饰符等。其中,事件修饰符是本章节的难点。事件修饰符很多,同学们不需要一下子都记住,只要学会如何使用它,在开发过程中如果有所遗忘,可以通过翻看文档来使用。

使用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码

实例演示

"运行案例" 可查看在线运行效果

代码解释: 在 html 第 3 行,我们使用 v-on 指令给 button 元素绑定来一个 click 事件,并在点击的时候执行 count + 1 的 *** 作。

在上面的例子中,我们把事件处理函数直接写在模板中,然而许多事件处理的逻辑都很复杂,所以直接把JS代码写在 v-on 指令中有时并不可行,v-on 指令可以接收一个定义的方法来调用。示例如下:

实例演示

"运行案例" 可查看在线运行效果

代码解释: 在 html 第 3 行,我们使用 v-on 指令给 button 元素绑定来一个 click 事件,并在点击的时候执行 add 方法。 在 JS 代码第 9-11 行,我们定义了方法 add;触发该方法时给 count + 1。

有时候我们需要在事件触发的时候传递一些参数,

实例演示

"运行案例" 可查看在线运行效果

代码解释: 在 html 第 3 行,我们使用 v-on 指令给 button 元素绑定了一个 click 事件,并在点击的时候执行 add 方法。 在 JS 代码第 9-11 行,我们定义了方法 add;触发该方法时给 count + 1。

有时我们需要在内联语句处理器中访问原始的 DOM 事件。可以用特殊变量 $event 把它传入方法:

实例演示

"运行案例" 可查看在线运行效果

代码解释: 在上述 JS 代码第 9-12 行,我们定义了事件函数 setCount。 在按钮点击事件中,我们将 $event 对象传递给函数,因此,在函数 setCount 中可以访问到原生事件对象。

在事件处理程序中调用 eventpreventDefault() 或 eventstopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。为了解决这个问题,Vuejs 为 v-on 提供了事件修饰符。实现方法就是在事件名称后面以后缀的形式添加指定的修饰符。

Vue 提供了以下事件修饰符:

接下来,我们用一个完整的示例来看下这些修饰符的使用方法。

实例演示

"运行案例" 可查看在线运行效果

代码解释: 代码第 4-7 行,stop 案例中,当我们给按钮 click 事件添加 stop 修饰符之后,点击按钮,事件不会向上传递。 代码第 10-16 行,submitprevent 案例中,当给 submit 事件添加 prevent 修饰符之后,提交事件不再重载页面。 代码第 19-21 行,capture 案例中,我们给父容器添加了 capture 事件,当点击按钮的时候,会先触发 capture 中的事件函数,然后再触发按钮绑定的点击事件。 代码第 24-26 行,self 案例中,我们给父容器的点击事件添加了 self 的修饰符,所以只有点击父容器的时候才会触发该方法,当点击按钮的时候并不会触发父容器绑定的事件。 代码第 29-31 行,once 案例中,我们给按钮的点击事件添加了 once 的修饰符,所以只有首次点击按钮的时候会触发事件函数,再次点击之后将不会触发事件函数。

在监听键盘事件时,我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符:

为了在必要的情况下支持旧浏览器,Vue 提供了绝大多数常用的按键码的别名:

可以用如下修饰符来实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。

注意:在 Mac 系统键盘上,meta 对应 command 键 ( )。在 Windows 系统键盘 meta 对应 Windows 徽标键 ( )。在 Sun *** 作系统键盘上,meta 对应实心宝石键 ( )。在其他特定键盘上,尤其在 MIT 和 Lisp 机器的键盘、以及其后继产品,比如 Knight 键盘、space-cadet 键盘,meta 被标记为“META”。在 Symbolics 键盘上,meta 被标记为“META”或者“Meta”。

例如:

Vue提供了exact修饰符,实现单独的系统按键的事件。

例如:

本节,我们带大家学习了事件处理。主要知识点有以下几点:

用户控件里,直接调用即可,参考如下:

usercontrolascxcs中的处理:

1 定义public的事件委托,如clickeventhandler;

2 在usercontrol类中声明事件,如click;

3 在usercontrol类中定义引发事件的方法,如onclick()方法;

4 在usercontrol类的相关方法中调用引发事件的方法,如在button_click()中调用onclick()。

包含usercontrol的页面cs文件中的处理:

1 initializecomponent()中增加事件处理程序,采用findcontrol方法找到usercontrol;

2 定义事件处理方法,在该方法中处理usercontrol的事件,如usercontrol_clicked()。

以上就是关于c++中事件和方法分别如何定义的全部的内容,包括:c++中事件和方法分别如何定义的、08《Vue 入门教程》Vue 事件处理、c# 调用控件出现t.InvalidActiveXStateException等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/10122825.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存