layui如何使用按钮事件

爱喝马黛茶的安东尼
Lepaskan: 2019-07-11 16:17:08
asal
20791 orang telah melayarinya

layui如何使用按钮事件

首先我们创建一个layui的按钮。

1562832242354313.jpg

要使用按钮事件,我们可以直接添加一个onclick属性就行了,并为其添加调用的函数,clickme。

1562832569979839.jpg

定义函数clickme就行了。代码如图。

1562831928(1).png

运行页面,可以看到一个按钮,点击这个按钮。

1562831939(1).png

相关推荐:《layui框架教程

点击后,就可以触发点击事件了,运行了我们函数里的弹出窗口的代码。

1562831949(1).png

除了可以直接添加onclick事添加事件外,我们还可以使用jquery来为按钮注册事件。

先把onclick去掉,再为按钮添加一个id。

(需要先引入jquery文件。

1562832675373694.png1562832735509837.jpg

使用jquery来注册事件,并写上事件函数。

1562832758359514.jpg

再次运行页面,点击按钮,可以看到,也能同样触发点击事件。

1562831992(1).png

Atas ialah kandungan terperinci layui如何使用按钮事件. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan