<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ja">
	<id>http://mochiuwiki.e2.valueserver.jp/index.php?action=history&amp;feed=atom&amp;title=Blazor_-_%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%83%8F%E3%83%B3%E3%83%89%E3%83%AA%E3%83%B3%E3%82%B0</id>
	<title>Blazor - イベントハンドリング - 版の履歴</title>
	<link rel="self" type="application/atom+xml" href="http://mochiuwiki.e2.valueserver.jp/index.php?action=history&amp;feed=atom&amp;title=Blazor_-_%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%83%8F%E3%83%B3%E3%83%89%E3%83%AA%E3%83%B3%E3%82%B0"/>
	<link rel="alternate" type="text/html" href="http://mochiuwiki.e2.valueserver.jp/index.php?title=Blazor_-_%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%83%8F%E3%83%B3%E3%83%89%E3%83%AA%E3%83%B3%E3%82%B0&amp;action=history"/>
	<updated>2026-09-02T13:41:31Z</updated>
	<subtitle>このウィキのこのページに関する変更履歴</subtitle>
	<generator>MediaWiki 1.43.6</generator>
	<entry>
		<id>http://mochiuwiki.e2.valueserver.jp/index.php?title=Blazor_-_%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%83%8F%E3%83%B3%E3%83%89%E3%83%AA%E3%83%B3%E3%82%B0&amp;diff=13276&amp;oldid=prev</id>
		<title>Wiki: ページの作成:「== 概要 ==  &lt;br&gt;&lt;br&gt;  == イベントハンドリング == Blazorでは、様々なイベントを処理することができる。&lt;br&gt; &lt;br&gt; ==== クリックイベント ====  &lt;syntaxhighlight lang=&quot;c#&quot;&gt;  &lt;button @onclick=&quot;HandleClick&quot;&gt;Click me&lt;/button&gt;    @code {     private void HandleClick()     {  // クリック時の処理       }  }  &lt;/syntaxhighlight&gt; &lt;br&gt; ==== キーボードイベント ====  &lt;syntaxhighlight lang=&quot;c#&quot;&gt;  &lt;input @onkeypress=&quot;HandleKeyPre…」</title>
		<link rel="alternate" type="text/html" href="http://mochiuwiki.e2.valueserver.jp/index.php?title=Blazor_-_%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%83%8F%E3%83%B3%E3%83%89%E3%83%AA%E3%83%B3%E3%82%B0&amp;diff=13276&amp;oldid=prev"/>
		<updated>2025-01-26T17:35:41Z</updated>

		<summary type="html">&lt;p&gt;ページの作成:「== 概要 ==  &amp;lt;br&amp;gt;&amp;lt;br&amp;gt;  == イベントハンドリング == Blazorでは、様々なイベントを処理することができる。&amp;lt;br&amp;gt; &amp;lt;br&amp;gt; ==== クリックイベント ====  &amp;lt;syntaxhighlight lang=&amp;quot;c#&amp;quot;&amp;gt;  &amp;lt;button @onclick=&amp;quot;HandleClick&amp;quot;&amp;gt;Click me&amp;lt;/button&amp;gt;    @code {     private void HandleClick()     {  // クリック時の処理       }  }  &amp;lt;/syntaxhighlight&amp;gt; &amp;lt;br&amp;gt; ==== キーボードイベント ====  &amp;lt;syntaxhighlight lang=&amp;quot;c#&amp;quot;&amp;gt;  &amp;lt;input @onkeypress=&amp;quot;HandleKeyPre…」&lt;/p&gt;
&lt;p&gt;&lt;b&gt;新規ページ&lt;/b&gt;&lt;/p&gt;&lt;div&gt;== 概要 ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== イベントハンドリング ==&lt;br /&gt;
Blazorでは、様々なイベントを処理することができる。&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
==== クリックイベント ====&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;c#&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;button @onclick=&amp;quot;HandleClick&amp;quot;&amp;gt;Click me&amp;lt;/button&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 @code {&lt;br /&gt;
    private void HandleClick()&lt;br /&gt;
    {  // クリック時の処理&lt;br /&gt;
 &lt;br /&gt;
    }&lt;br /&gt;
 }&lt;br /&gt;
 &amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
==== キーボードイベント ====&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;c#&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;input @onkeypress=&amp;quot;HandleKeyPress&amp;quot; /&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 @code {&lt;br /&gt;
    private void HandleKeyPress(KeyboardEventArgs e)&lt;br /&gt;
    {&lt;br /&gt;
       // キー入力時の処理&lt;br /&gt;
       if (e.Key == &amp;quot;Enter&amp;quot;)&lt;br /&gt;
       {&lt;br /&gt;
          // Enterキーが押された時の処理&lt;br /&gt;
       }&lt;br /&gt;
    }&lt;br /&gt;
 }&lt;br /&gt;
 &amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
==== フォーカスイベント ====&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;c#&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;input @onfocus=&amp;quot;HandleFocus&amp;quot; @onblur=&amp;quot;HandleBlur&amp;quot; /&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
 @code {&lt;br /&gt;
    // イベント引数を使用した処理&lt;br /&gt;
    private async Task HandleClick(MouseEventArgs e)&lt;br /&gt;
    {&lt;br /&gt;
       // マウスの位置情報等にもアクセス可能&lt;br /&gt;
       var x = e.ClientX;&lt;br /&gt;
       var y = e.ClientY;&lt;br /&gt;
    }&lt;br /&gt;
 }&lt;br /&gt;
 &amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== イベントの修飾子 ==&lt;br /&gt;
==== イベントの伝播を停止 ====&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;c#&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;button @onclick:stopPropagation=&amp;quot;true&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
==== デフォルトの動作を防止 ====&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;c#&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;button @onclick:preventDefault=&amp;quot;true&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
==== Enterキーのみ有効化 ====&lt;br /&gt;
 &amp;lt;syntaxhighlight lang=&amp;quot;c#&amp;quot;&amp;gt;&lt;br /&gt;
 &amp;lt;input @onkeypress:preventDefault=&amp;quot;true&amp;quot;  @onkeypress=&amp;quot;HandleEnterKey&amp;quot; /&amp;gt;&lt;br /&gt;
 &amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{#seo:&lt;br /&gt;
|title={{PAGENAME}} : Exploring Electronics and SUSE Linux | MochiuWiki&lt;br /&gt;
|keywords=MochiuWiki,Mochiu,Wiki,Mochiu Wiki,Electric Circuit,Electric,pcb,Mathematics,AVR,TI,STMicro,AVR,ATmega,MSP430,STM,Arduino,Xilinx,FPGA,Verilog,HDL,PinePhone,Pine Phone,Raspberry,Raspberry Pi,C,C++,C#,Qt,Qml,MFC,Shell,Bash,Zsh,Fish,SUSE,SLE,Suse Enterprise,Suse Linux,openSUSE,open SUSE,Leap,Linux,uCLnux,Podman,電気回路,電子回路,基板,プリント基板&lt;br /&gt;
|description={{PAGENAME}} - 電子回路とSUSE Linuxに関する情報 | This page is {{PAGENAME}} in our wiki about electronic circuits and SUSE Linux&lt;br /&gt;
|image=/resources/assets/MochiuLogo_Single_Blue.png&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
__FORCETOC__&lt;br /&gt;
[[カテゴリ:C_Sharp]]&lt;/div&gt;</summary>
		<author><name>Wiki</name></author>
	</entry>
</feed>