快捷導(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)，這個功能到底怎么實(shí)現(xiàn)？首先聲明以下幾點(diǎn)

1、也許講解有點(diǎn)初級，希望高手不要“噴”我，因?yàn)槲抑啦⒉皇敲恳粋€人都是高手，我也怕高手們說我裝13；
2、如有什么不對的地方，還希望大家指出，一定虛心學(xué)習(xí)，如果有更好的辦法請告訴我一聲哦；
3、本文屬于作者原創(chuàng)，尊重他人勞動成果，轉(zhuǎn)載請注明作者，謝謝。
下面開講：
　　如題，這個功能也困擾了我一兩天事件了，我也上網(wǎng)找了很多資料，但是網(wǎng)上大部分的說法都差不多，問題始終還是沒解決，于是乎我開始找是問題的根源，我開始用的是文本框的onkeydown事件，分別寫了兩個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事件來調(diào)用這兩個函數(shù)，可以一直效果不出來，我就調(diào)試，發(fā)現(xiàn)event永遠(yuǎn)都是undefined，我無語了，然后我就換方法了，我把onkeydown函數(shù)里面加了一個event參數(shù)，在IsEnter(evt)里面也定義了一下var obj = window.event ? evt.keyCode : evt.which;//window.event是針對IE，evt.keyCode是針對FF，這樣這個問題就解決了，就不會出現(xiàn)undefined錯誤了。
　　接下來問題又來了，我發(fā)現(xiàn)onkeydown事件只要你按鍵盤上的任意鍵就會觸發(fā)這個事件，那么就無法實(shí)現(xiàn)ctrl和enter同時(shí)按了，又是一個糾結(jié)的問題啊，還有我們有onkeydown事件就有onkeyup事件，接下來我就把onkeydown事件換成了onkeyup事件了，這樣問題就解決了。
　　好了，問題是越解決越少了，下面要做到是如何做到enter與ctrl+enter切換實(shí)現(xiàn)是換行還是發(fā)送消息？為了兼容性，我又定義了一個變量 var e = evt || window.event;我就是通過obj與e來實(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; 
} 
} 
} 