重寫javascript中window.confirm的行為
更新時(shí)間：2012年10月21日 01:58:53 作者：
javascript中window.confirm這個(gè)方法很好用，可以彈出一個(gè)確認(rèn)對(duì)話框.但有一個(gè)問題是，它默認(rèn)的情況下，將選中那個(gè)"確定"按鈕，當(dāng)用戶有意無(wú)意的在鍵盤回車，就是說按下Enter鍵的時(shí)候，就會(huì)自動(dòng)返回true。在很多時(shí)候其實(shí)我們不希望這樣
javascript中window.confirm這個(gè)方法很好用，可以彈出一個(gè)確認(rèn)對(duì)話框
我們之所以彈出這個(gè)對(duì)話框，可能就是因?yàn)樵摬僮骱芪ｋU(xiǎn)，所以要用戶確認(rèn)。但如果默認(rèn)選擇"確定"，則可能違背了這個(gè)原則。
另外，confirm對(duì)話框的按鈕都是固定在"確定"和"取消"這兩個(gè)?？赡苡行r(shí)候也不是很直觀。
所以，可以考慮用vbscript中的msgbox來(lái)改寫這個(gè)行為。下面是一個(gè)范例
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script>
function deleteConfirm(msg)
{
function window.confirm(str)
{
str= str.replace(/\'/g, "'& chr(39) &'").replace(/\r\n/g, "'& VBCrLf &'");
execScript("n = msgbox('"+ str +"', 289, '刪除框')", "vbscript");
return(n == 1);
}
return window.confirm(msg);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="deleteButton" runat="server" OnClientClick="javascript:return deleteConfirm('你確定要?jiǎng)h除嗎?')" Text="刪除"
onclick="deleteButton_Click" />
</div>
</form>
</body>
</html>
關(guān)于msgbox 方法的具體細(xì)節(jié)，還可以參考下面的介紹
MsgBox 函數(shù)
在對(duì)話框中顯示消息，等待用戶單擊按鈕，并返回一個(gè)值指示用戶單擊的按鈕。
MsgBox(prompt[, buttons][, title][, helpfile, context])
參數(shù)
prompt
作為消息顯示在對(duì)話框中的字符串表達(dá)式。prompt 的最大長(zhǎng)度大約是 1024 個(gè)字符，這取決于所使用的字符的寬度。如果 prompt 中包含多個(gè)行，則可在各行之間用回車符 (Chr(13))、換行符 (Chr(10)) 或回車換行符的組合 (Chr(13) & Chr(10)) 分隔各行。
Buttons
數(shù)值表達(dá)式，是表示指定顯示按鈕的數(shù)目和類型、使用的圖標(biāo)樣式，默認(rèn)按鈕的標(biāo)識(shí)以及消息框樣式的數(shù)值的總和。有關(guān)數(shù)值，請(qǐng)參閱“設(shè)置”部分。如果省略，則buttons 的默認(rèn)值為 0。
Title
顯示在對(duì)話框標(biāo)題欄中的字符串表達(dá)式。如果省略 title，則將應(yīng)用程序的名稱顯示在標(biāo)題欄中。
Helpfile
字符串表達(dá)式，用于標(biāo)識(shí)為對(duì)話框提供上下文相關(guān)幫助的幫助文件。如果已提供helpfile，則必須提供 context。在 16 位系統(tǒng)平臺(tái)上不可用。
Context
數(shù)值表達(dá)式，用于標(biāo)識(shí)由幫助文件的作者指定給某個(gè)幫助主題的上下文編號(hào)。如果已提供 context，則必須提供 helpfile。在 16 位系統(tǒng)平臺(tái)上不可用。
設(shè)置
buttons 參數(shù)可以有以下值：
第一組值 (0 - 5) 用于描述對(duì)話框中顯示的按鈕類型與數(shù)目；第二組值 (16, 32, 48, 64) 用于描述圖標(biāo)的樣式；第三組值 (0, 256, 512) 用于確定默認(rèn)按鈕；而第四組值 (0, 4096) 則決定消息框的樣式。在將這些數(shù)字相加以生成 buttons 參數(shù)值時(shí)，只能從每組值中取用一個(gè)數(shù)字。
返回值
MsgBox 函數(shù)有以下返回值：
說明
如果同時(shí)提供了 helpfile 和 context，則用戶可以按 F1 鍵以查看與上下文相對(duì)應(yīng)的幫助主題。
如果對(duì)話框顯示取消按鈕，則按 ESC 鍵與單擊取消的效果相同。如果對(duì)話框包含幫助按鈕，則有為對(duì)話框提供的上下文相關(guān)幫助。但是在單擊其他按鈕之前，不會(huì)返回任何值。
當(dāng)MicroSoft Internet Explorer使用MsgBox函數(shù)時(shí)，任何對(duì)話框的標(biāo)題總是包含"VBScript",以便于將其與標(biāo)準(zhǔn)對(duì)話框區(qū)別開來(lái)。
下面的例子演示了 MsgBox 函數(shù)的用法：
Dim MyVar
MyVar = MsgBox ("Hello World!", 65, "MsgBox Example")
' MyVar contains either 1 or 2, depending on which button is clicked
我們之所以彈出這個(gè)對(duì)話框，可能就是因?yàn)樵摬僮骱芪ｋU(xiǎn)，所以要用戶確認(rèn)。但如果默認(rèn)選擇"確定"，則可能違背了這個(gè)原則。
另外，confirm對(duì)話框的按鈕都是固定在"確定"和"取消"這兩個(gè)?？赡苡行r(shí)候也不是很直觀。
所以，可以考慮用vbscript中的msgbox來(lái)改寫這個(gè)行為。下面是一個(gè)范例
復(fù)制代碼 代碼如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script>
function deleteConfirm(msg)
{
function window.confirm(str)
{
str= str.replace(/\'/g, "'& chr(39) &'").replace(/\r\n/g, "'& VBCrLf &'");
execScript("n = msgbox('"+ str +"', 289, '刪除框')", "vbscript");
return(n == 1);
}
return window.confirm(msg);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="deleteButton" runat="server" OnClientClick="javascript:return deleteConfirm('你確定要?jiǎng)h除嗎?')" Text="刪除"
onclick="deleteButton_Click" />
</div>
</form>
</body>
</html>
關(guān)于msgbox 方法的具體細(xì)節(jié)，還可以參考下面的介紹
MsgBox 函數(shù)
在對(duì)話框中顯示消息，等待用戶單擊按鈕，并返回一個(gè)值指示用戶單擊的按鈕。
MsgBox(prompt[, buttons][, title][, helpfile, context])
參數(shù)
prompt
作為消息顯示在對(duì)話框中的字符串表達(dá)式。prompt 的最大長(zhǎng)度大約是 1024 個(gè)字符，這取決于所使用的字符的寬度。如果 prompt 中包含多個(gè)行，則可在各行之間用回車符 (Chr(13))、換行符 (Chr(10)) 或回車換行符的組合 (Chr(13) & Chr(10)) 分隔各行。
Buttons
數(shù)值表達(dá)式，是表示指定顯示按鈕的數(shù)目和類型、使用的圖標(biāo)樣式，默認(rèn)按鈕的標(biāo)識(shí)以及消息框樣式的數(shù)值的總和。有關(guān)數(shù)值，請(qǐng)參閱“設(shè)置”部分。如果省略，則buttons 的默認(rèn)值為 0。
Title
顯示在對(duì)話框標(biāo)題欄中的字符串表達(dá)式。如果省略 title，則將應(yīng)用程序的名稱顯示在標(biāo)題欄中。
Helpfile
字符串表達(dá)式，用于標(biāo)識(shí)為對(duì)話框提供上下文相關(guān)幫助的幫助文件。如果已提供helpfile，則必須提供 context。在 16 位系統(tǒng)平臺(tái)上不可用。
Context
數(shù)值表達(dá)式，用于標(biāo)識(shí)由幫助文件的作者指定給某個(gè)幫助主題的上下文編號(hào)。如果已提供 context，則必須提供 helpfile。在 16 位系統(tǒng)平臺(tái)上不可用。
設(shè)置
buttons 參數(shù)可以有以下值：
| 常數(shù) | 值 | 描述 |
|---|---|---|
| vbOKOnly | 0 | 只顯示確定按鈕。 |
| vbOKCancel | 1 | 顯示確定和取消按鈕。 |
| vbAbortRetryIgnore | 2 | 顯示放棄、重試和忽略按鈕。 |
| vbYesNoCancel | 3 | 顯示是、否和取消按鈕。 |
| vbYesNo | 4 | 顯示是和否按鈕。 |
| vbRetryCancel | 5 | 顯示重試和取消按鈕。 |
| vbCritical | 16 | 顯示臨界信息圖標(biāo)。 |
| vbQuestion | 32 | 顯示警告查詢圖標(biāo)。 |
| vbExclamation | 48 | 顯示警告消息圖標(biāo)。 |
| vbInformation | 64 | 顯示信息消息圖標(biāo)。 |
| vbDefaultButton1 | 0 | 第一個(gè)按鈕為默認(rèn)按鈕。 |
| vbDefaultButton2 | 256 | 第二個(gè)按鈕為默認(rèn)按鈕。 |
| vbDefaultButton3 | 512 | 第三個(gè)按鈕為默認(rèn)按鈕。 |
| vbDefaultButton4 | 768 | 第四個(gè)按鈕為默認(rèn)按鈕。 |
| vbApplicationModal | 0 | 應(yīng)用程序模式：用戶必須響應(yīng)消息框才能繼續(xù)在當(dāng)前應(yīng)用程序中工作。 |
| vbSystemModal | 4096 | 系統(tǒng)模式：在用戶響應(yīng)消息框前，所有應(yīng)用程序都被掛起。 |
第一組值 (0 - 5) 用于描述對(duì)話框中顯示的按鈕類型與數(shù)目；第二組值 (16, 32, 48, 64) 用于描述圖標(biāo)的樣式；第三組值 (0, 256, 512) 用于確定默認(rèn)按鈕；而第四組值 (0, 4096) 則決定消息框的樣式。在將這些數(shù)字相加以生成 buttons 參數(shù)值時(shí)，只能從每組值中取用一個(gè)數(shù)字。
返回值
MsgBox 函數(shù)有以下返回值：
| 常數(shù) | 值 | 按鈕 |
|---|---|---|
| vbOK | 1 | 確定 |
| vbCancel | 2 | 取消 |
| vbAbort | 3 | 放棄 |
| vbRetry | 4 | 重試 |
| vbIgnore | 5 | 忽略 |
| vbYes | 6 | 是 |
| vbNo | 7 | 否 |
說明
如果同時(shí)提供了 helpfile 和 context，則用戶可以按 F1 鍵以查看與上下文相對(duì)應(yīng)的幫助主題。
如果對(duì)話框顯示取消按鈕，則按 ESC 鍵與單擊取消的效果相同。如果對(duì)話框包含幫助按鈕，則有為對(duì)話框提供的上下文相關(guān)幫助。但是在單擊其他按鈕之前，不會(huì)返回任何值。
當(dāng)MicroSoft Internet Explorer使用MsgBox函數(shù)時(shí)，任何對(duì)話框的標(biāo)題總是包含"VBScript",以便于將其與標(biāo)準(zhǔn)對(duì)話框區(qū)別開來(lái)。
下面的例子演示了 MsgBox 函數(shù)的用法：
復(fù)制代碼 代碼如下:
Dim MyVar
MyVar = MsgBox ("Hello World!", 65, "MsgBox Example")
' MyVar contains either 1 or 2, depending on which button is clicked
您可能感興趣的文章:
- javascript重寫alert方法的實(shí)例代碼
- javascript題目，重寫函數(shù)讓其無(wú)限相加
- 用Jquery重寫windows.alert方法實(shí)現(xiàn)思路
- jquery中使用$(#form).submit()重寫提交表單無(wú)效原因分析及解決
- jquery 取子節(jié)點(diǎn)及當(dāng)前節(jié)點(diǎn)屬性值的方法
- Jquery中擴(kuò)展方法extend使用技巧
- jQuery控制TR顯示隱藏的三種常用方法
- jquery庫(kù)文件略龐大用純js替換jquery的方法
- jQuery判斷checkbox是否選中的3種方法
- jQuery修改CSS偽元素屬性的方法
- 在JavaScript中重寫jQuery對(duì)象的方法實(shí)例教程
相關(guān)文章
js+css實(shí)現(xiàn)上下翻頁(yè)相冊(cè)代碼分享
這篇文章主要介紹了js+css實(shí)現(xiàn)上下翻頁(yè)相冊(cè)特效,相冊(cè)可以從上方或者下方隨意切換，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要介紹了支持移動(dòng)端原生js輪播圖的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
js實(shí)現(xiàn)文字無(wú)縫向上滾動(dòng)
本文主要分享了js實(shí)現(xiàn)文字無(wú)縫向上滾動(dòng)的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
這篇文章主要介紹了微信小程序偽類選擇器的使用詳解,本文給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-06-06
JavaScript判斷兩個(gè)對(duì)象是否相等的方法總結(jié)
判斷兩個(gè)對(duì)象是否相等是js中的一個(gè)很常見的內(nèi)容,不同的編程語(yǔ)言和環(huán)境可能會(huì)有不同的方式來(lái)實(shí)現(xiàn)這一目標(biāo),在 JavaScript 中,判斷兩個(gè)對(duì)象是否相等主要有以下幾種方法,感興趣的小伙伴跟著小編一起來(lái)看看吧2024-08-08
JavaScript 復(fù)制對(duì)象與Object.assign方法無(wú)法實(shí)現(xiàn)深復(fù)制
這篇文章主要介紹了JavaScript 復(fù)制對(duì)象與Object.assign方法無(wú)法實(shí)現(xiàn)深復(fù)制，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2018-11-11
Javascript數(shù)組操作函數(shù)總結(jié)
這篇文章主要給大家匯總介紹了Javascript數(shù)組操作函數(shù),需要的朋友可以參考下2015-02-02
前端JS,刪除JSON數(shù)據(jù)(JSON數(shù)組)中的指定元素方式
這篇文章主要介紹了前端JS,刪除JSON數(shù)據(jù)(JSON數(shù)組)中的指定元素方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
這篇文章主要介紹了JavaScript數(shù)組reduce()方法，reduce()方法是處理數(shù)組的方法，它接收一個(gè)函數(shù)和一個(gè)初始值，然后將數(shù)組中的每個(gè)元素和初始值當(dāng)作參數(shù)傳入這個(gè)函數(shù)中進(jìn)行處理，最后返回和初始值相同類型的值,需要的朋友可以參考一下2022-01-01
基于Bootstrap下拉框插件bootstrap-select使用方法詳解
這篇文章主要為大家詳細(xì)介紹了基于Bootstrap下拉框插件bootstrap-select的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-08-08