自定义confirm对话框
2010-09-14 13:07:33 来源：WEB开发网 闂傚倷绶氬ḿ褍螞閹绢喖绠柨鐕傛嫹
闂傚倷绀侀幉锟犲垂閻㈠灚宕查柟鎵閸庡秵銇勯幒鎴濃偓鐢稿磻閹炬枼妲堟繛鍡楃С濞岊亞绱撻崒姘扁枌闁瑰嚖鎷�
婵犵數濮幏鍐川椤撴繄鎹曢梻渚€娼уú銈吤洪妸鈺佺劦妞ゆ帊鑳堕埊鏇㈡煏閸モ晛浠х紒杈╁仱閺佹捇鏁撻敓锟�闂傚倷绶氬ḿ褍螞閹绢喖绠柨鐕傛嫹 闂傚倷鑳舵灙缂佺粯顨呴埢宥夊即閵忕姵鐎梺缁樺姇閻忔氨鈧凹鍓熷娲垂椤曞懎鍓伴梺閫炲苯澧紒澶婄秺瀵濡歌閸嬫捇妫冨☉娆忔殘闂佷紮缍€娴滎剟鍩€椤掑倹鏆柛瀣躬瀹曚即寮借閺嗭箓鏌ㄩ悤鍌涘
核心提示：【提示】本版本在IE 6.0和Firefox2.0测试通过，在Netscape7.0中，自定义confirm对话框，遮罩层的透明效果没有办法实现，所以页面背景会一片漆黑，这里是使用onload来加载默认的函数，load_func()用来设置onresize和onscroll应该触发的函数，具体实现还不知道，希望有人可以
【提示】本版本在IE 6.0和Firefox2.0测试通过。在Netscape7.0中，遮罩层的透明效果没有办法实现，所以页面背景会一片漆黑，具体实现还不知道，希望有人可以留言告知，谢谢！
【关键字】javascript js confirm对话框 确认框 焦点在取消按钮上 自定义标题
【正文】在一次使用confirm确认框时希望将焦点默认在取消按钮上，但是默认的confirm对话框无法自定义，于是便萌生了自己写一个类似confirm的确认框。
【思路】
主要应该实现的功能：
1、弹出对话框时，网页主体不可以继续执行其他操作
2、confirm确认框可以自定义焦点
3、点击确认后应该执行指定确认函数，点击取消不进行任何操作
实现办法：
1、使用遮罩层的方法，将页面主体覆盖，这样就可以保证不可进行其他操作
2、使用DIV层模拟对话框主体，使用focus()函数设置焦点
3、具体实现中要注意：
a)遮罩层应该遮住页面主体的所有元素
b)模拟确认框的DIV应该在遮罩层之上并且最好可以一直在页面正中间
以下是自定义confirm对话框使用的抓图效果，实际使用中还可以作为alert对话框来使用。
【使用提示】
BODY处必须写成<body onload="load_func()">样式，这里是使用onload来加载默认的函数，load_func()用来设置onresize和onscroll应该触发的函数，这个触发的函数主要用来保证遮罩层覆盖所有网页正文以及保证自定义对话框可以保持在网页的正中间。
【主函数】
1、msgbox(title,text,func,cancel,focus)
参数说明：
title :弹出对话框的标题,标题内容最好在25个字符内,否则会导致显示图片的异常
中查找“自定义confirm对话框”更多相关内容
中查找“自定义confirm对话框”更多相关内容更多精彩
赞助商链接
