首页 web前端 Layui教程 layui如何使用按钮事件

layui如何使用按钮事件

Jul 11, 2019 pm 04:17 PM

layui如何使用按钮事件

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

layui如何使用按钮事件

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

layui如何使用按钮事件

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

layui如何使用按钮事件

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

layui如何使用按钮事件

相关推荐:《layui框架教程

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

layui如何使用按钮事件

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

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

(需要先引入jquery文件。

layui如何使用按钮事件layui如何使用按钮事件

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

layui如何使用按钮事件

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

layui如何使用按钮事件

以上是layui如何使用按钮事件的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何使用Layui的模块化加载系统? 如何使用Layui的模块化加载系统? Mar 14, 2025 pm 07:23 PM

如何使用Layui的模块化加载系统?

Layui与其他CSS框架(如Bootstrap和Sminantic UI)相比如何? Layui与其他CSS框架(如Bootstrap和Sminantic UI)相比如何? Mar 14, 2025 pm 07:29 PM

Layui与其他CSS框架(如Bootstrap和Sminantic UI)相比如何?

如何使用Layui的CDN进行更快的加载? 如何使用Layui的CDN进行更快的加载? Mar 14, 2025 pm 07:24 PM

如何使用Layui的CDN进行更快的加载?

如何使用CSS自定义Layui的默认样式? 如何使用CSS自定义Layui的默认样式? Mar 14, 2025 pm 07:19 PM

如何使用CSS自定义Layui的默认样式?

如何通过Layui实施最佳实践(A11Y)? 如何通过Layui实施最佳实践(A11Y)? Mar 14, 2025 pm 07:26 PM

如何通过Layui实施最佳实践(A11Y)?

除了典型的Web应用程序之外,Layui的高级用例有哪些? 除了典型的Web应用程序之外,Layui的高级用例有哪些? Mar 14, 2025 pm 07:28 PM

除了典型的Web应用程序之外,Layui的高级用例有哪些?

我如何解决常见的Layui问题和错误? 我如何解决常见的Layui问题和错误? Mar 14, 2025 pm 07:12 PM

我如何解决常见的Layui问题和错误?

如何使用Layui的图层模块来创建模态窗口和对话框? 如何使用Layui的图层模块来创建模态窗口和对话框? Mar 18, 2025 pm 12:46 PM

如何使用Layui的图层模块来创建模态窗口和对话框?

See all articles