layui如何使用按钮事件

layui如何使用按钮事件? 其实alyui按钮和一般的按钮在使用事件上,都是没什么区别的,就是为按钮添加事件监听器就行了。下面我们来看一下。

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

    除了可以直接添加onclick事添加事件外,我们还可以使用jquery来为按钮注册事件。 先把onclick去掉,再为按钮添加一个id。 (需要先引入jquery文件。

  • 07

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

  • 08

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

(0)

相关推荐

  • 如何使用微信小程序中的按钮事件实现界面跳转

    在微信小程序开发过程,除了使用navigator组件链接界面,还可以使用按钮的点击事件控制界面跳转,可以直接调用微信小程序中的接口navigateTo.下面利用实例说明如何使用按钮事件控制界面跳转,操 ...

  • java如何写按钮事件?

    操作方法 01 //实现键盘监听 public void keyPressed(KeyEvent e){ int keyCode=e.getKeyCode(); switch(keyCode){ ca ...

  • 灰色按钮手动激活图文教程 无需软件

    最近在使用某些软件的时候会遇到一些不能点的灰色按钮,市面上灰色按钮激活的工具有大把的,但是今天为大家带来的是灰色按钮激活的原理教程,希望对喜欢学习的朋友有帮助! 灰色按钮激活图文教程: 软件打开后,有 ...

  • Axure RP 8设怎么用按钮控制圆形的变换?

    Axure RP 8设计软件中的基本元件有椭圆形和主要按钮,可以利用按钮鼠标单击事件控制椭圆形的尺寸改变.颜色背景改变.方向移动等.下面利用一个实例说明按钮事件控制圆形半径减半的操作,具体如下: 1. ...

  • vue的点击事件;如何添加vue的click

    vue是当下最受欢迎的前端框架之一,它简单入门容易上手,深受大家的喜爱.由于vue是一个双向数据绑定的框架,它的点击事件与以前常用的还是有很大的差别的,那vue的点击事件是怎么样实现的呢? 操作方法 ...

  • Windows 8技巧:Xaml+C#开发第一个Metro Style应用程序的使用

    首先我们需要安装Windows 8以及VS2012,下载地址:http://msdn.microsoft.com/zh-CN/windows/apps/br229516/ 然后我们打开VS2012,选 ...

  • Navigation的使用教程

    众所周知,基于对虚拟现实技术之三维场景显示庞大潜在市场的渴望,作为Web3D主流技术之一的Cult3D所在的开发公司Cycore这两年在技术上搞了很大的动作和革新,继专门为场景显示而开发的Cult3D ...

  • 安卓的按键的任意修改。

    安卓的按键的任意修改。

  • 使用java编写随机数抽奖小程序

    本篇介绍如何用java编写一个简单的随机数字抽奖器,主要用到的知识是Swing编程和线程知识,最终程序开始界面如下图: 操作方法 01 在我们要做出这个程序前,我们先在画图板上大概的画出我们程序最终的 ...