VueJs

2023-10-11 13:10| 来源: 网络整理| 查看: 265

在本教程中，我们将学习模糊事件的用途和多个实例。

blur 事件是一个用javascript语言引入的浏览器本地事件。每个前端框架都会在框架本身中实现。

让我们来学习什么是模糊事件，这个事件是如何在vuejs应用程序中实现的。

其他版本可供选择：

Angular blur事件示例

React onBlur事件指南示例

当输入元素失去焦点时，BLur事件被触发。它是一个DOM事件触发器。

blur事件`在以下元素中使用

单独的输入元素验证，例如，带有电子邮件的输入类型可以在元素失去焦点时有一个内联验证：

所有的输入元素文本文本区选择复选框单选

让我们看一个例子：

v-on 是一个内置的指令，用来监听事件v-on:blur ，这个函数在输入元素失去焦点时执行。

上面的内容也可以用速记语法来重写@event

Vuejs应用程序中的输入类型模糊事件示例

在下面的例子中：

应用程序模板包含要显示给用户的元素。 @blur event 附加的事件处理程序是在javascript中声明的。函数处理程序被定义为有一个参数event 一个$event被传递给事件函数，用户输入的数据可以通过event.target.value 。这有助于从视图模板到控制器javascript代码的数据绑定这是一个example for passing data from blur event in VueJS application Vuejs Input Blur event example export default { name: "InputBlurExample", data() { return { name: "", }; }, methods: { blurEventHandler: function (e) { const name = e.target.value; console.log(name); }, }, }; 如何模糊事件和回车键

这是一个关于输入元素如何与模糊事件和回车键一起工作的例子。

输入键事件可以通过keyup.enter 事件处理程序进行跟踪。

【本文地址】

公司简介

联系我们