您現在的位置是:電腦技術吧?>? 編程技術 ??>??tab上面那個鍵叫什么,tab是鍵盤哪個鍵??>??正文詳情

tab上面那個鍵叫什么,tab是鍵盤哪個鍵

閻家欣2019-12-23 18:02:42 人圍觀
簡介電腦tab鍵在哪本文的示例描述了JavaScript如何使textarea支持tab鍵。與您分享以供參考。具體實現方法如下:?1234567891013141516171819win鍵加tab

本文實例講述了JavaScript讓Textarea支持tab按鍵的方法。

分享給大家供大家參考。

具體實現方法如下:  ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 HTMLTextAreaElement.prototype.getCaretPosition = function () { //return the caret position of the textarea return this.selectionStart; }; HTMLTextAreaElement.prototype.setCaretPosition = function (position) { //change the caret position of the textarea this.selectionStart = position; this.selectionEnd = position; this.focus(); }; HTMLTextAreaElement.prototype.hasSelection = function () { //if the textarea has selection then return true if (this.selectionStart == this.selectionEnd) { return false; } else { return true; } }; HTMLTextAreaElement.prototype.getSelectedText = function () { //return the selection text return this.value.substring(this.selectionStart, this.selectionEnd); }; HTMLTextAreaElement.prototype.setSelection = function (start, end) { //change the selection area of the textarea this.selectionStart = start; this.selectionEnd = end; this.focus(); }; var textarea = document.getElementsByTagName('textarea')[0]; textarea.onkeydown = function(event) { //support tab on textarea if (event.keyCode == 9) { //tab was pressed var newCaretPosition; newCaretPosition = textarea.getCaretPosition() .length; textarea.value = textarea.value.substring(0, textarea.getCaretPosition()) textarea.value.substring(textarea.getCaretPosition(), textarea.value.length); textarea.setCaretPosition(newCaretPosition); return false; } if(event.keyCode == 8){ //backspace if (textarea.value.substring(textarea.getCaretPosition() - 4, textarea.getCaretPosition()) == ) { //it's a tab space var newCaretPosition; newCaretPosition = textarea.getCaretPosition() - 3; textarea.value = textarea.value.substring(0, textarea.getCaretPosition() - 3) textarea.value.substring(textarea.getCaretPosition(), textarea.value.length); textarea.setCaretPosition(newCaretPosition); } } if(event.keyCode == 37){ //left arrow var newCaretPosition; if (textarea.value.substring(textarea.getCaretPosition() - 4, textarea.getCaretPosition()) == ) { //it's a tab space newCaretPosition = textarea.getCaretPosition() - 3; textarea.setCaretPosition(newCaretPosition); } } if(event.keyCode == 39){ //right arrow var newCaretPosition; if (textarea.value.substring(textarea.getCaretPosition() 4, textarea.getCaretPosition()) == ) { //it's a tab space newCaretPosition = textarea.getCaretPosition() 3; textarea.setCaretPosition(newCaretPosition); } } }   希望本文所述對大家的javascript程序設計有所幫助。

版權聲明:本文由 閻家欣 整理編輯。

原標題:shifttab鍵,tab鍵全稱

轉載注明出處:http://www.dn9ww09s.icu/program/15657.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 廣告實例,問題式廣告案例

    廣告實例,問題式廣告案例 相關圖片怎么做廣告分析本文的例子描述了用JavaScript實現廣告的關閉和顯示效果。與您分享以供參考。具體實現方法如下:JS代碼部分如下:?12345678910121314151有問題的廣告案例...

  • 關于ie瀏覽器的功能,ie瀏覽器的功能

    關于ie瀏覽器的功能,ie瀏覽器的功能 相關圖片x瀏覽器本文總結了IE瀏覽器中PNG問題的解決方法。很實用。如果需要的話你可以參考一下。目前,互聯網對網頁效果的要求越來越高,因此使用PNG圖片勢在必行。PNG分為幾種瀏覽器是啥...

  • walkthroughs,walkthroughfire

    walkthroughs,walkthroughfire 相關圖片女巫walkthrough本文主要介紹了利用jQuery插件pagewalkthrough實現向導頁效果的方法和示例代碼,非常詳細和實用。如果需要的話你可以參考一下。現在很多網站不僅介紹walkthrough游戲攻略...

  • 多級下拉菜單怎么做,多級下拉菜單wps

    多級下拉菜單怎么做,多級下拉菜單wps 相關圖片表格二級下拉菜單本文主要介紹由JavaScript控制的多級下拉菜單,包括示例代碼,非常好,這里推薦使用。我最近不舒服,所以不能按計劃更新。對不起的。這里直接粘貼代碼,如果有不...

  • ios是誰開發的,ios用什么開發

    ios是誰開發的,ios用什么開發 相關圖片ios開發難嗎在redmonk發布的2015年1月編程語言排名中,Swift的采用率從68飆升至22,Objective-C仍然排名前10,而JavaScript憑借其在IOios 開發教程...

  • ios開發者預覽版,ios開發者選項

    ios開發者預覽版,ios開發者選項 相關圖片android 培訓資料我從事IOS應用程序開發已經五年了,我當時一直在努力避免與Android打交道,但現在不同了。不管你信不信,Android開發實際上很有趣,與IOS開發沒有你想怎么學好android...

  • 匿名聊天室,一對一聊天室

    匿名聊天室,一對一聊天室 相關圖片qq聊天室聊天室技術-實現秘密通話每個聊天室提供秘密通話功能,為需要私下交流的人提供便利。以下是在我的聊天室實現私人聊天的方法:1。處理發送信息的每一句話都應該顯示在我...

  • android圖片壓縮,android中圖片壓縮

    android圖片壓縮,android中圖片壓縮 相關圖片安卓手機圖片壓縮工具本文主要介紹了Android系統中三種圖像壓縮處理方法,闡述了質量壓縮、縮略圖獲取和圖像縮放三種方法,并給出了相應的示例代碼。你可以在Android中為你的朋友安...

  • 局域網怎么連接,怎么連接局域網電腦

    局域網怎么連接,怎么連接局域網電腦 相關圖片公司內網怎么連接摘要:在企業局域網中,MDB通常通過ODBC連接SQL Server數據庫。本文詳細介紹了如何通過ODBC連接SQL Server數據庫,達到局域網軟件應用的目組建局域網...

  • sql的存儲過程,存儲過程是sql嗎

    sql的存儲過程,存儲過程是sql嗎 相關圖片mysql的存儲過程transact-SQL中的存儲過程與Java語言中的方法非常相似。它可以重復調用。存儲過程執行一次后,可以緩存該語句,以便下次執行時直接使用緩存中的語句。這提sql編譯存儲...

熱評文章

  • html驗證碼代碼,登錄界面的驗證碼代碼

    html驗證碼代碼,登錄界面的驗證碼代碼 相關圖片驗證碼源代碼本文介紹了一個用java代碼生成隨機圖片驗證碼的例子,可以直接配置成servlet,直接調用java代碼生成圖片驗證碼包com.rchm.util.images驗證碼怎么輸入才正確...

  • 怎么更換字體樣式,怎么換字體樣式

    怎么更換字體樣式,怎么換字體樣式 相關圖片word怎么更改樣式本文的示例描述了每天在JavaScript中定期更改皮膚樣式的方法。與您分享以供參考。具體分析如下:該JS代碼每天都會在不同的時間段自動改變web頁面調用的樣式word沒有更...

  • easyui datebox,easyui datagrid

    easyui datebox,easyui datagrid 相關圖片easyui的只讀屬性本文主要介紹了jquery.easyui中日期框時間的格式化方法。你可以為你的朋友參考下面的方法。這里沒有太多的廢話,代碼是直接呈現的:?123456美元。新生easyui什么時候該...

  • 文件上傳實現,html實現文件上傳

    文件上傳實現,html實現文件上傳 相關圖片jsp文件上傳本文介紹了使用jQuery使用HTML5的formdata屬性上傳文件的方法和示例。這是非常實際的,可以參考所需的合作伙伴。一。使用jQuery通過HTML5的axios 文件上傳...

  • 4大作用域,類的作用域

    4大作用域,類的作用域 相關圖片jsp作用域使用本文主要介紹了有關安古拉耶斯范圍的相關資料。請參閱“123456789101213141516171819202122!DOCTYPE HTMLHTML ng Java作用域...

  • input的name屬性,input標簽value

    input的name屬性,input標簽value 相關圖片input傳值這個例子展示了JavaScript如何獲取和更改輸入標記的name屬性。與您分享以供參考。具體實現方法如下:?12345678910121314151617輸入自定義標簽屬性...

  • 對象比較大小,相對大小的對象

    對象比較大小,相對大小的對象 相關圖片cdr對象大小本文演示了JavaScript如何獲得指定對象的大小。與您分享以供參考。具體如下:?1234567891011用于驗證設置對象格式里面的大小...

  • mac卸載軟件,mac safari打不開

    mac卸載軟件,mac safari打不開 相關圖片mac突然黑屏本文的示例描述了jQuery根據用戶的計算機是MAC還是PC加載相應樣式的方法,與您分享,以供參考。具體實現方法如下:?12345if(導航器。用戶代理。Indmac電腦黑屏怎么辦...

  • 第一行代碼引用,excel代碼引用

    第一行代碼引用,excel代碼引用 相關圖片J引用文件本文主要介紹了利用requirejs優化JavaScript引用代碼的方法。Requirejs是一個流行的JS庫。您可以將requirejs作為一種有效的方法來MVC代碼更新所有引用報錯...

  • 深入理解并行編程,深入理解python異步編程

    深入理解并行編程,深入理解python異步編程 相關圖片并行編程語言本文主要介紹了對JavaScript編程中原型概念的深入理解,包括原型屬性的使用等相關知識。您可以引用JavaScript的原型對象,這總是令人困惑。甚至有經驗python 異步回調...

關注微信

变脸官网查询