asp.net textbox javascript實現enter與ctrl+enter互換文本框發送消息與換行(類似于QQ)

2024-07-10 13:24:17

字體：大中小

來源：轉載

供稿：網友

1、也許講解有點初級，希望高手不要“噴”我，因為我知道并不是每一個人都是高手，我也怕高手們說我裝13；
2、如有什么不對的地方，還希望大家指出，一定虛心學習，如果有更好的辦法請告訴我一聲哦；
3、本文屬于作者原創，尊重他人勞動成果，轉載請注明作者，謝謝。
下面開講：
　　如題，這個功能也困擾了我一兩天事件了，我也上網找了很多資料，但是網上大部分的說法都差不多，問題始終還是沒解決，于是乎我開始找是問題的根源，我開始用的是文本框的onkeydown事件，分別寫了兩個js函數，如下：

復制代碼代碼如下:

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

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

復制代碼代碼如下:

//enter or ctrl+enter發送
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發送消息]")
{
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;
}
}
}