程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> asp.net textbox javascript實現enter與ctrl+enter互換 文本框發送消息與換行(類似於QQ)

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

編輯:ASP.NET基礎
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;
}
}
}

注意:以上代碼我都已經在IE6、IE8、FF裡測試過,絕對有用,由於按enter發送消息的時候會與換行沖突,所以我用e.returnValue = false;txt.value="";不知道有沒有更好的方法?
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved