快捷導(dǎo)航

Textbox控件注冊(cè)回車事件及觸發(fā)按鈕提交事件具體實(shí)現(xiàn)

更新時(shí)間：2013年03月04日 15:09:30 作者：

Lyncplus客戶端中訪問Web頁面時(shí)遇到了TextBox控件回車自動(dòng)完成按鈕的提交事件失效的情況,于是上網(wǎng)查找相關(guān)的介紹最終解決了這兩個(gè)問題，感興趣的你可以參考下或許對(duì)你有所幫助

引子：
在ASP.Net頁面中textbox的index為1（或n）,其后的提交按鈕index為2（n+1）,光標(biāo)在textbox中,回車后自動(dòng)焦點(diǎn)移動(dòng)到后面的button上,會(huì)觸發(fā)button的點(diǎn)擊事件。

但在Lyncplus客戶端中訪問Web頁面時(shí)遇到了TextBox控件回車自動(dòng)完成按鈕的提交事件失效的情況(應(yīng)該是自動(dòng)切換焦點(diǎn))。

由于并且該服務(wù)端TextBox控件沒有提供OnKeyPress或OnKeyDown等事件，也無法針對(duì)回車事件寫后臺(tái)代碼來調(diào)用Button按鈕的點(diǎn)擊事件。

于是上網(wǎng)查找相關(guān)的介紹，最終解決了以下兩個(gè)問題：
（一）、實(shí)現(xiàn)在TextBox控件回車事件中執(zhí)行JS代碼，來控制頁面元素的值。
（二）、實(shí)現(xiàn)在TextBox控件回車事件中調(diào)用服務(wù)端控件的點(diǎn)擊事件，來執(zhí)行服務(wù)端C#代碼，實(shí)現(xiàn)相關(guān)的功能。
具體實(shí)現(xiàn)如下：
一、注冊(cè)和觸發(fā)服務(wù)端TextBox控件回車事件
1.PageLoad事件代碼：

復(fù)制代碼代碼如下:

 
protected void Page_Load(object sender, EventArgs e) 
{ 
MessageTxt.Attributes.Add("onkeypress", "EnterTextBox()"); 
MessageTxt.Attributes.Add("onkeydown", "EnterTextBox()"); 
} 

2.javascript代碼：

復(fù)制代碼代碼如下:

 
<script language="javascript"> 
function EnterTextBox() { 
if (event.keyCode == 13 && document.all["MessageTxt"].value != "") //按下了回車，并且文本框里有值 
{ 
$("#<%=hidKeywords.ClientID%>").val($("#<%=MessageTxt.ClientID%>").val().replace(/[^\u0000-\u00FF]/g, 
function ($0) { 
return escape($0).replace(/(%u)(\w{4})/gi, "&#x$2;") 
})); 
} 
} 
</script> 

二、TextBox控件回車事件中調(diào)用服務(wù)端Button控件點(diǎn)擊事件
1.PageLoad事件代碼：同上。

復(fù)制代碼代碼如下:

 
protected void Page_Load(object sender, EventArgs e) 
{ 
MessageTxt.Attributes.Add("onkeypress", "EnterTextBox()"); 
MessageTxt.Attributes.Add("onkeydown", "EnterTextBox()"); 
} 

2.javascript代碼：注意使用原始的dom對(duì)象獲取按鈕，使用Jquery獲取不到。

復(fù)制代碼代碼如下:

 
<script language="javascript"> 
function EnterTextBox() { 
var button = document.getElementById('<%=btnSearch.ClientID%>');//獲取服務(wù)端控件對(duì)應(yīng)的頁面對(duì)象 
if (event.keyCode == 13) //按下了回車 
{ 
　 button.click(); 
event.returnValue = false; 
} 
} </script> 

您可能感興趣的文章: