快捷導(dǎo)航

asp.net textbox javascript實(shí)現(xiàn)enter與ctrl+enter互換文本框發(fā)送消息與換行(類似于QQ)

更新時(shí)間：2012年01月09日 19:23:48 作者：

今天與大家分享一下 asp.net textbox javascript實(shí)現(xiàn)enter與ctrl+enter互換文本框發(fā)送消息與換行(類似于QQ)，這個(gè)功能到底怎么實(shí)現(xiàn)？首先聲明以下幾點(diǎn)

1、也許講解有點(diǎn)初級(jí)，希望高手不要“噴”我，因?yàn)槲抑啦⒉皇敲恳粋€(gè)人都是高手，我也怕高手們說(shuō)我裝13；
2、如有什么不對(duì)的地方，還希望大家指出，一定虛心學(xué)習(xí)，如果有更好的辦法請(qǐng)告訴我一聲哦；
3、本文屬于作者原創(chuàng)，尊重他人勞動(dòng)成果，轉(zhuǎn)載請(qǐng)注明作者，謝謝。
下面開(kāi)講：
　　如題，這個(gè)功能也困擾了我一兩天事件了，我也上網(wǎng)找了很多資料，但是網(wǎng)上大部分的說(shuō)法都差不多，問(wèn)題始終還是沒(méi)解決，于是乎我開(kāi)始找是問(wèn)題的根源，我開(kāi)始用的是文本框的onkeydown事件，分別寫了兩個(gè)js函數(shù)，如下：

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

 
//enter發(fā)送 
function IsEnter(evt) 
{ 
if(window.event.keyCode ==13) 
{ 
send(); 
return false; 
} 
} 
//ctrl+enter發(fā)送 
function IsEnterAndCtrl() 
{ 
if(window.event.keyCode ==13 && window.event.ctrlKey) 
{ 
send(); 
return false; 
} 
} 

然后我就用文本框的onkeydown事件來(lái)調(diào)用這兩個(gè)函數(shù)，可以一直效果不出來(lái)，我就調(diào)試，發(fā)現(xiàn)event永遠(yuǎn)都是undefined，我無(wú)語(yǔ)了，然后我就換方法了，我把onkeydown函數(shù)里面加了一個(gè)event參數(shù)，在IsEnter(evt)里面也定義了一下var obj = window.event ? evt.keyCode : evt.which;//window.event是針對(duì)IE，evt.keyCode是針對(duì)FF，這樣這個(gè)問(wèn)題就解決了，就不會(huì)出現(xiàn)undefined錯(cuò)誤了。
　　接下來(lái)問(wèn)題又來(lái)了，我發(fā)現(xiàn)onkeydown事件只要你按鍵盤上的任意鍵就會(huì)觸發(fā)這個(gè)事件，那么就無(wú)法實(shí)現(xiàn)ctrl和enter同時(shí)按了，又是一個(gè)糾結(jié)的問(wèn)題啊，還有我們有onkeydown事件就有onkeyup事件，接下來(lái)我就把onkeydown事件換成了onkeyup事件了，這樣問(wèn)題就解決了。
　　好了，問(wèn)題是越解決越少了，下面要做到是如何做到enter與ctrl+enter切換實(shí)現(xiàn)是換行還是發(fā)送消息？為了兼容性，我又定義了一個(gè)變量 var e = evt || window.event;我就是通過(guò)obj與e來(lái)實(shí)現(xiàn)換行與發(fā)送切換的，詳細(xì)js代碼如下：

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

 
//enter or ctrl+enter發(fā)送 
function IsEnter(evt) 
{ 
var obj = window.event ? evt.keyCode : evt.which; 
var e = evt || window.event; 
var type = document.getElementById("sendtype"); 
var txt = document.getElementById("txtcontent"); 
if(type.innerHTML=="[Enter發(fā)送消息]") 
{ 
if(obj ==13 && !(e.ctrlKey)) 
{ 
send(); 
e.returnValue = false; 
txt.value=""; 
return false; 
} 
if(e.ctrlKey && e.keyCode==13) 
{ 
txt.value +="\n"; 
} 
} 
else 
{ 
if(e.ctrlKey && e.keyCode==13) 
{ 
send(); 
return false; 
} 
} 
} 