使用 JS 关闭警告框及监听自定义事件（amaze ui）

一、总结

1、jquery匿名函数：第8行，jquery匿名函数，$(function(){});，有没有很简单，只是少了jquery的前面的选择器部分而已

二、使用 JS 关闭警告框及监听自定义事件（amaze ui）

截图

代码

 1 <div class="am-alert" id="your-alert-1">
 2   <button type="button" class="am-close">&times;</button>
 3   <p>这是一个警告框！</p>
 4 </div>
 5
 6 <button type="button" class="am-btn am-btn-warning" id="doc-alert-btn-close">点击关闭上面的 Alert</button>
 7 <script>
 8   $(function() {
 9     $('#doc-alert-btn-close').one('click', function() {
10       $('#your-alert-1').alert('close');
11     });
12
13     $(document).on('close.alert.amui', '#your-alert-1', function(e) {
14       alert('警告框开始关闭！');
15     });
16
17     $(document).on('closed.alert.amui', '#your-alert-1', function(e) {
18       alert('警告框关闭完成！');
19     });
20   });
21 </script>

1、jquery匿名函数：第8行，jquery匿名函数，$(function(){});，有没有很简单，只是少了jquery的前面的选择器部分而已

2、close和closed的区别：第13行，close，警告框甘冈开始关闭的时候触发，第17行，closed，警告框结束关闭的时候触发、

3、警告框关闭事件：第10行，警告框关闭事件 $('#your-alert-1').alert('close');

使用 JS 关闭警告框及监听自定义事件（amaze ui）相关推荐

Js实现回车登录，监听回车事件
需求项目有个回车登录功能,在此记录下实现我们应该监听当前登录页面的所有回车操作. $("body").keydown(function () {var yzmStatus = ...
使用js监听文件下载事件，解决导出excel文件名为.do的bug
目录: 1. 简单粗暴使用XHR,不考虑IE,带下载中的灰度弹窗 2. 苟一苟,直接使用`window.location`,不过除了保存文件外,没有别的点击提醒,不能防止重复点击. 3. 下载的文件名 ...
js 监听安卓事件_百行代码实现js事件监听实现跨页面数据传输
百行代码实现js事件监听实现跨页面数据传输使用场景类似消息队列的使用场景,支持同页面和跨页面通信,发送消息和接收消息技术原理跨页面通信: 基于事件监听,通过监听 storage事件监听回调机制 ...
chromedp网络监听_动态爬虫三：监听网络事件 + 监听js事件
一: 概述上两篇文章介绍了cdp协议和chromedp库,从这篇文章开始动手实战一下,我们要拿到页面上更多的网络请求,最直接的想法就是类似于开发者工具里的network,只有一有网络请求就显示在列表 ...
button layui 点击事件_Layui 带多选框表格监听事件以及按钮自动点击写法实例
不话不多说了,直接上代码吧: 获取选中行数据获取选中数目验证是否全选提交选择 id运动名运动时长运动类型 var msg=""; var idlist="" ...
js如何监听元素事件是否被移除_JavaScript 监听元素是否进入/移出可视区域
JavaScript 监听元素是否进入/移出可视区域常规操作防抖节流 IntersectionObserver 兼容的代码常规操作通常的做法是,监听srcoll事件,根据元素的offset来判 ...
js如何监听元素事件是否被移除_JS移除事件监听的方法 .removeEventListener( )
JS用addEventListener添加事件监听方法后,可以用removeEventListener来解除监听: element.removeEventListener(event, myFunct ...
微信H5如何关闭浏览器（如何监听手机的物理返回键）
一.背景背景是这样的:该项目进入h5时会通过 location.replace(xxx) 或 location.href = xxx 跳转到某个地址①,该地址会请求获得微信 openId:获取成功后 ...
JS 监听滚动条事件
JS 监听滚动条事件获取滚动条位置代码监听滚动条方法效果获取滚动条位置代码 /** * 获取滚动条位置 */ function getScrollTop() {var scrollPos;if ...

使用 JS 关闭警告框及监听自定义事件（amaze ui）

使用 JS 关闭警告框及监听自定义事件（amaze ui）

一、总结

二、使用 JS 关闭警告框及监听自定义事件（amaze ui）

使用 JS 关闭警告框及监听自定义事件（amaze ui）相关推荐

最新文章

热门文章