首页 > 软件开发 > JQUERY >

layui如何使用按钮事件

来源:互联网 2023-03-17 00:46:47 242

layui如何使用按钮事件? 其实alyui按钮和一般的按钮在使用事件上,都是没什么区别的,就是为按钮添加事件监听器就行了。下面我们来看一下。n89办公区 - 实用经验教程分享!

方法/步骤

  • 1

    首先我们创建一个layui的按钮。n89办公区 - 实用经验教程分享!

    layui如何使用按钮事件n89办公区 - 实用经验教程分享!

  • 2

    要使用按钮事件,我们可以直接添加一个onclick属性就行了,并为其添加调用的函数,clickme。n89办公区 - 实用经验教程分享!

    layui如何使用按钮事件n89办公区 - 实用经验教程分享!

  • 3

    定义函数clickme就行了。代码如图。n89办公区 - 实用经验教程分享!

    layui如何使用按钮事件n89办公区 - 实用经验教程分享!

  • 4

    运行页面,可以看到一个按钮,点击这个按钮。n89办公区 - 实用经验教程分享!

    layui如何使用按钮事件n89办公区 - 实用经验教程分享!

  • 5

    点击后,就可以触发点击事件了,运行了我们函数里的弹出窗口的代码。n89办公区 - 实用经验教程分享!

    layui如何使用按钮事件n89办公区 - 实用经验教程分享!

  • 6

    除了可以直接添加onclick事添加事件外,我们还可以使用jquery来为按钮注册事件。n89办公区 - 实用经验教程分享!

    先把onclick去掉,再为按钮添加一个id。n89办公区 - 实用经验教程分享!

    (需要先引入jquery文件。n89办公区 - 实用经验教程分享!

    layui如何使用按钮事件n89办公区 - 实用经验教程分享!

    layui如何使用按钮事件n89办公区 - 实用经验教程分享!

  • 6此文章未经授权抓取自百度经验
  • 7

    使用jquery来注册事件,并写上事件函数。n89办公区 - 实用经验教程分享!

    layui如何使用按钮事件n89办公区 - 实用经验教程分享!

  • 8

    再次运行页面,点击按钮,可以看到,也能同样触发点击事件。n89办公区 - 实用经验教程分享!

    layui如何使用按钮事件n89办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!n89办公区 - 实用经验教程分享!


    标签: JQUERYHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码