浏览器提示框事件

  一个偶然的机会,重新认识了浏览器的提示框事件,很早之前也有机会,但是机会你抓住了才是机会,走了那就是云烟

一、调用

  

1 var dirty_value = 0;
2 $(".form-horizontal input,select").change(function(){
3         dirty_value=1;
4     });
5     $(window).bind("beforeunload",function(e){
6         if(dirty_value){
7             return "提示:未保存的信息将会丢失"
8         }
9  });

二、禁止显示

  在不需要显示的点击事件中,点击事件触发开始的时候解绑上边的事件

  

1 $(".form-horizontal").children("#footer:last-child").find("button").click(function(){
2         $(window).unbind("beforeunload");
3 });

三、感悟

  个中滋味只有自己更了解,从技术到学习能力,到交流的技巧,一个知识点,给了很多机会,也暴露了自己的很多不足,机会本来是不存在的,一件事情,用心思考了,这就是你的机会,纠正自己,提高自身,学习他人。没有思考和反馈,那就不是机会,时间永在流逝,街市依旧太平而已。

--------2016-7-13 17:25:02--

  source:【1】如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”

时间: 2024-11-06 10:54:05

浏览器提示框事件的相关文章

HTML5 微信二维码提示框

这是一个js的小案例,主要效果是显示一个微信二维码的提示框,非常简单实用. 源码如下: JS部分 <script src="js/jquery-1.8.3.min.js"></script> <style> *{padding: 0; margin: 0} .wb-box{ position: fixed; width: 100%; height: 100%; background: rgba(255,255,255,0.8); display: n

【Material Design视觉设计语言】UI组件设计(五):提示框

作者:郭孝星 微博:郭孝星的新浪微博 邮箱:[email protected] 博客:http://blog.csdn.net/allenwells Github:https://github.com/AllenWells 提示框(Dialog)用于提示用户作一些决定,或者是完成某个任务时需要的一些其它额外的信息. 一 提示框的功能 Dialog可以是用一种取消/确定的简单应答模式,它常见的应用场景如下所示: 提示框最典型的应用场景是提示用户去做一个些被安排好的决定 ,而这些决定可能是当前任务的

PtQt5 closeEvent 关闭事件,退出提示框

如果关闭QWidget,就会产生一个QCloseEvent,并且把它传入到closeEvent函数的event参数中.改变控件的默认行为,就是替换掉默认的事件处理. 原生的英文提示框: # 添加一个退出的提示事件 def closeEvent(self, event): """我们创建了一个消息框,上面有俩按钮:Yes和No.第一个字符串显示在消息框的标题栏,第二个字符串显示在对话框, 第三个参数是消息框的俩按钮,最后一个参数是默认按钮,这个按钮是默认选中的.返回值在变量re

自定义浏览器alert ,抛弃掉死板的蓝框 自定义风格提示框。jquey ui bootstrap 实现自定义 alert confirm prompt ,by大崔

首先看一下自定义提示框的效果图 alert   普通的提示当然可以自定义样式 confrim 确认框 支持callback //message 提示的信息 ,callback(true/false)回调函数 window.shconfirm = function (message, callback) 回调函数参数为 true/false prompt  邀请用户输入框 //message 提示的信息 ,callback(msg)回调函数(用户输入的消息), param:regex 输入的 正则

IFE JavaScript Task0002-4 小练习4:输入提示框

小练习4:输入提示框 任务描述 在和上一任务同一目录下面创建一个task0002_4.html文件,在js目录中创建task0002_4.js,并在其中编码,实现一个类似百度搜索框的输入提示的功能. 要求如下: 允许使用鼠标点击选中提示栏中的某个选项 允许使用键盘上下键来选中提示栏中的某个选项,回车确认选中 选中后,提示内容变更到输入框中 初级班: 不要求和后端交互,可以自己伪造一份提示数据例如: var suggestData = ['Simon', 'Erik', 'Kener']; 自己搭

【 D3.js 高级系列 — 9.0 】 交互式提示框

一般来说,图表中不宜存在过多文字.但是,有时需要一些文字来描述某些图形元素.那么,可以实现一种交互:当用户鼠标滑到某图形元素时,出现一个提示框,里面写有描述文字.这是一种简单.普遍的交互式,几乎适用于所有图表.通过可给提示框定制外观,能给用户带来很好的体验. 1. 提示框的制作思路 提示框,就是"文字"加"边框".显示文字,一般来说用 SVG 的<text>,但是,有两个问题: 如果字符串过长,<text>元素不能自动换行,虽然可以通过<

(转)js弹出框、对话框、提示框、弹窗总结

一.JS的三种最常见的对话框 [javascript] view plain copy //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!"); } //弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm

js弹出框、对话框、提示框、弹窗总结

一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!"); } //弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm("你确定提交吗?")) { aler

基于Metronic的Bootstrap开发框架经验总结(6)--对话框及提示框的处理和优化

在各种Web开发过程中,对话框和提示框的处理是很常见的一种界面处理技术,用得好,可以给用户很好的页面体验,Bootstrap开发也一样,我们往往在页面新增.编辑.查看详细等界面使用弹出对话框层的方式进行显示数据,删除则可能使用一个提示确认框,如果操作成功,我们可以使用更丰富的提示框来处理,本篇主要对比说明在Bootstrap开发中用到的这些技术要点. 1.Bootstrap对话框的使用 常规的Bootstrap有几种尺寸的对话框,包括默认状态的小对话框,中等宽度的对话框,和全尺寸的对话框几种,B