重寫javascript中window.confirm的行為
更新時(shí)間:2012年10月21日 01:58:53 作者:
javascript中window.confirm這個(gè)方法很好用,可以彈出一個(gè)確認(rèn)對(duì)話框.但有一個(gè)問(wèn)題是,它默認(rèn)的情況下,將選中那個(gè)"確定"按鈕,當(dāng)用戶有意無(wú)意的在鍵盤回車,就是說(shuō)按下Enter鍵的時(shí)候,就會(huì)自動(dòng)返回true。在很多時(shí)候其實(shí)我們不希望這樣
javascript中window.confirm這個(gè)方法很好用,可以彈出一個(gè)確認(rèn)對(duì)話框

我們之所以彈出這個(gè)對(duì)話框,可能就是因?yàn)樵摬僮骱芪kU(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ù)有以下返回值:
說(shuō)明
如果同時(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)樵摬僮骱芪kU(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 | 否 |
說(shuō)明
如果同時(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)文章
微信小程序全局變量的設(shè)置、使用、修改過(guò)程解析
這篇文章主要介紹了微信小程序全局變量的設(shè)置、使用、修改過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09JS根據(jù)key值獲取URL中的參數(shù)值及把URL的參數(shù)轉(zhuǎn)換成json對(duì)象
本篇文章主要圍繞js url 參數(shù)值展開話題,js根據(jù)key值獲取url中的參數(shù)值,接著把url的參數(shù)轉(zhuǎn)換成json,感興趣的朋友一起來(lái)學(xué)習(xí)吧,本文寫的不好地方還望多多指出批評(píng)建議2015-08-08同時(shí)使用n個(gè)window onload加載實(shí)例介紹
window onload加載多個(gè)同時(shí)使用,想必有很多人沒(méi)有用過(guò)吧,接下來(lái)為大家詳細(xì)介紹下具體的使用方法,感興趣的朋友可以參考下2013-04-04three.js 制作動(dòng)態(tài)二維碼的示例代碼
這篇文章主要介紹了three.js 制作動(dòng)態(tài)二維碼的示例代碼,文中講解非常細(xì)致,幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下2020-07-07javascript中Date format(js日期格式化)方法小結(jié)
這篇文章主要介紹了javascript中Date format,即js日期格式化的方法.實(shí)例總結(jié)了三種常見的JavaScript日期格式化技巧,需要的朋友可以參考下2015-12-12