javascript - 重写confirm 和 alert

最新推荐文章于 2023-04-16 11:13:48 发布

wzq29931927

最新推荐文章于 2023-04-16 11:13:48 发布

阅读量912

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/wzq29931927/article/details/108554833

版权

本文介绍了如何在手机端重写默认的alert和confirm函数，以获得更好的用户体验和自定义效果。通过自定义，可以避免屏蔽按钮和不理想的提示，并区分用户在确认对话框中点击确认或取消的行为。

摘要由CSDN通过智能技术生成

手机端会提示有屏蔽按钮和各种提示自定义效果更好

重写 alert

//重写alert
function my_alert(msg,checkvalid=true){

	//update 20200910 SDM 显示二层遮罩
	$(".check_mask").show();

	// update 20200910 SDM 背景模糊
	$("body *:not('#custom_alert,.check_mask')").addClass("blur");
	

	var tip_title = $("	<div style='position: fixed;left:50%;top:50%;width:70%;transform: translate(-50%,-50%);\
		font-size: 0.4rem; background-color:white;text-align: center;box-shadow: 0.1rem 0.2rem 0.7rem 0.2rem #888888;\
		border-radius: 0.3rem;z-index: 5'> <div><p style='background-color: #f9f9f9;color:#8e8e8e;\
		border-radius: 0.3rem 0.3rem 0 0 ;height: 1rem;line-height: 1rem;'>提示</p>\
		<p class='tempmsg' style='padding: 0.3rem 1rem;line-height:0.7rem;color:#8e8e8e;line-height:0.7rem;'>"+msg+"</p>\
		<p><button style='width:100%;co