コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > ライユイのチュートリアル > Lauiuiでボタンイベントを使用する方法

Lauiuiでボタンイベントを使用する方法

爱喝马黛茶的安东尼
リリース： 2019-07-11 16:17:08
オリジナル
20865 人が閲覧しました

Lauiuiでボタンイベントを使用する方法

まず、layui ボタンを作成します。

Lauiuiでボタンイベントを使用する方法

ボタン イベントを使用するには、onclick 属性を直接追加し、呼び出される関数 clickme を追加します。

Lauiuiでボタンイベントを使用する方法

#関数 clickme を定義するだけです。コードを図に示します。

Lauiuiでボタンイベントを使用する方法

ページを実行するとボタンが表示されるので、このボタンをクリックします。

Lauiuiでボタンイベントを使用する方法

関連する推奨事項: 「

layui フレームワーク チュートリアル 」

クリック後、クリック イベントがトリガーされ、関数が実行されます。ポップアップウィンドウの場合。

Lauiuiでボタンイベントを使用する方法

onclick イベントを直接追加するだけでなく、jquery を使用してボタンのイベントを登録することもできます。

まず onclick を削除してから、ボタンに ID を追加します。

#(最初に jquery ファイルを導入する必要があります。

Lauiuiでボタンイベントを使用する方法Lauiuiでボタンイベントを使用する方法jquery を使用してイベントを登録し、イベント関数を記述します。

Lauiuiでボタンイベントを使用する方法ページを再度実行してボタンをクリックすると、クリック イベントもトリガーされることがわかります。

以上がLauiuiでボタンイベントを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
layui如何使用按钮事件
ソース：php.cn
前の記事：レイヤーとレイウイの違い 次の記事：Lauiuiのデータテーブルにクリックイベントを追加する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
DocuSign のシンプルなボタンを使用してアカウントに接続し、トークンを簡単に取得します 私はSDKバージョンを使用しており、ほぼ望むものを手に入れていますが、まだ明確ではありません。フォームなどを使用せずに、ワンクリックでドキュメント アカウントに接続するにはどうすれ...
から 2024-04-04 15:46:02
0
1
396
jsxモジュールにインポートされたReact CSSが適用されない 次のように CSS ファイルをインポートします: importstylesfrom "./Documentation.module.css"; ここのスタイルを...
から 2024-04-03 18:41:07
0
1
365
マウスオーバーイベントを使用してフライアウトメニューを表示する ポップアップ メニューがあり、マウスオーバー イベントを使用して切り替えようとしていますが、期待どおりに動作していないようです。 div を .hero-list-blocka:h...
から 2024-04-03 15:14:43
0
1
416
ファイル/結果を HTML でダウンロードできるようにする方法 このリポジトリをチェックアウトするようにお願いします: https://github.com/imsikka/ArtGallery ダウンロード ボタンを使用して結果をダウンロード...
から 2024-04-03 13:15:55
0
1
403
consolelog に正しい値があるにもかかわらず、PHP AJAX が動的に更新されない ボタンをクリックして $_POST['category'] を更新しようとしています。ここの他の複数のページで読んだように、これを達成するためにAJAXを（初めて）使用しようとして...
から 2024-04-02 17:50:59
0
1
396
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート