Lightning コンポーネント開発者ガイド
jui:outputEmail
HTML アンカー (<a>) 要素内にメールアドレスを表示します。先頭および末尾の空白は削除されます。
ui:outputEmail コンポーネントは、HTML span タグでラップされたメール出力を表します。ui:outputEmail の代わりに lightning:formattedEmail を使用することをお勧めします。
ui:outputEmail は、メール入力を取り込む ui:inputEmail と共に使用できます。Lightning Design System のスタイル設定を適用するには、ui:inputEmail の代わりに lightning:input を使用し、type="email" を指定することをお勧めします。
メール出力は HTML アンカー要素でラップされ、mailto が自動的に付加されます。次の例は、ui:outputEmail コンポーネントの簡単な設定です。
前の例によって次の HTML が表示されます。
次の例は、ui:inputEmail コンポーネントのデータをバインドする方法を示します。Lightning Design System のスタイル設定を適用するには、ui:inputEmail の代わりに lightning:input を使用し、type="email" を指定することをお勧めします。
属性
| 属性名 | 属性型 | 説明 | 必須項目 |
|---|---|---|---|
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 | |
| class | String | コンポーネントに添付される CSS スタイル。このスタイルは、コンポーネントで出力される基本スタイルに追加されます。 | |
| value | String | メールの出力値。 | はい |
イベント
| イベント名 | イベントタイプ | 説明 |
|---|---|---|
| dblclick | COMPONENT | ユーザがコンポーネントをダブルクリックすると起動されるイベント。 |
| mouseover | COMPONENT | ユーザがコンポーネントにマウスポインタを重ねると起動されるイベント。 |
| mouseout | COMPONENT | ユーザがコンポーネントからマウスポインタを移動すると起動されるイベント。 |
| mouseup | COMPONENT | ユーザがコンポーネント上でマウスボタンを放すと起動されるイベント。 |
| mousemove | COMPONENT | ユーザがコンポーネントにマウスポインタを重ねると起動されるイベント。 |
| click | COMPONENT | ユーザがコンポーネントをクリックすると起動されるイベント。 |
| mousedown | COMPONENT | ユーザがコンポーネント上でマウスボタンをクリックすると起動されるイベント。 |