讲师中心 微信公众号
AI工具推荐 视频效率加速

Blazor @onclick 事件处理教程

老墨君_7201

老墨君_7201

发布时间:2025-12-19 08:50:47

|

414人浏览过

|

来源于php中文网

原创

@onclick支持四种事件绑定方式:无参数直接调用、接收MouseEventArgs获取鼠标信息、用Lambda传自定义值、加:preventDefault阻止默认行为。

blazor @onclick 事件处理教程

Blazor 的 @onclick 是最常用、最直观的事件绑定方式,它让你用 C# 直接响应用户点击,无需写一行 JavaScript。

基础写法:无参数直接调用

只要方法不带参数,直接把方法名写在 @onclick 后面就行:

<button @onclick="HandleClick">点我</button>

@code {
  private void HandleClick()
  {
    Console.WriteLine("按钮被点了");
  }
}

Blazor 运行时会自动识别这个方法,并在点击时执行。不需要手动传参,也不需要加括号。

获取鼠标信息:使用 MouseEventArgs

如果想拿到点击位置、按键状态(比如是否按了 Ctrl / Shift / 右键),就给方法加一个 MouseEventArgs 参数:

  • Blazor 会自动注入这个参数,你不用在 HTML 里写任何东西
  • 常见属性有:ScreenX/ScreenY(屏幕坐标)、ClientX/ClientY(视口坐标)、Button(0=左键,2=右键)、CtrlKey、ShiftKey 等

示例:

@code {
  private void HandleClick(MouseEventArgs e)
  {
    if (e.CtrlKey)
      Console.WriteLine($"Ctrl+点击,位置:{e.ClientX},{e.ClientY}");
  }
}

传自定义值:用 Lambda 表达式

当你要传入固定字符串、数字或组件状态变量时,就得用 @onclick="@(e => Method(param))" 写法:

  • 注意括号和 @ 符号不能少,否则编译报错
  • 即使你不使用 e,也要保留参数占位(如 e => DoSomething("hello"))

例如:

Doc To HTML
Doc To HTML

使用 MinerU 文档处理引擎将 Word 文档(.doc、.docx)转换为保留结构和格式的干净 HTML。

下载

<button @onclick="@(e => UpdateStatus("saved"))">保存</button>

@code {
  private void UpdateStatus(string state)
  {
    Console.WriteLine($"状态已设为:{state}");
  }
}

阻止默认行为:@onclick:preventDefault

有些元素点击后有默认动作(比如表单提交、链接跳转),可以用 @onclick:preventDefault 阻止:

  • 写法是紧挨着事件指令,加冒号和 preventDefault,后面不加等号就是“始终阻止”
  • 也可以绑定布尔变量或表达式,实现条件阻止

示例(阻止链接跳转):

<a href="https://example.com" @onclick="LogClick" @onclick:preventDefault>不会跳转的链接</a>

或者动态控制:

<input @onkeypress="OnKey" @onkeypress:preventDefault="e.Key == \"Enter\"" />

@code {
  private void OnKey(KeyboardEventArgs e)
  {
    // 只有 Enter 被拦截,其他键照常触发
  }
}

基本上就这些。掌握这四种模式,就能覆盖绝大多数 @onclick 使用场景。

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

相关专题

更多
string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

5239

2023.08.02

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1558

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2244

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

5764

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

4869

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

6574

2024.03.22

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

8854

2024.04.29

go语言字符串相关教程
go语言字符串相关教程

本专题整合了go语言字符串相关教程,阅读专题下面的文章了解更多详细内容。

4499

2025.07.29

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

60

2026.09.23

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 11.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn