您現在的位置是:電腦技術吧?>? 編程技術 ??>??textarearesize,textarea值??>??正文詳情

textarearesize,textarea值

襲妙顏2019-12-21 11:23:07 人圍觀
簡介jsp textarea本文以一個實例說明了如何用JavaScript實現文本區tab鍵的縮進。與您分享以供參考。具體如下:在互聯網上搜索相關解決方案,其他解決方案使用兩三行JavaStextarea value

本文實例講述了javascript實現textarea中tab鍵的縮排處理方法。

分享給大家供大家參考。

具體如下:  網上搜索了一下相關的解決方法,其它的有使用兩三行javascript解決的,但都有一些小小的問題。

還有使用JQuery的,也非常簡潔。

  本文的javascript代碼實現了在TEXTAREA中輸入TAB鍵并自動縮進的功能。

不過這段代碼在谷歌瀏覽器中不能正常執行,在  代碼如下:  sel =event.srcElement.document.selection.createRange()  這一句會發生錯誤:  ncaught exception TypeError: Cannot read property 'selection' of undefined  代碼在IE中正常執行,如下:  ? 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 mce:script type=text/javascript !-- function editTab() { var code, sel, tmp, r var tabs= event.returnValue = false sel =event.srcElement.document.selection.createRange() r = event.srcElement.createTextRange() switch (event.keyCode) { case (8) : if (!(sel.getClientRects().length 1)) { event.returnValue = true return } code = sel.text tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) sel.setEndPoint(startToStart, tmp) sel.text = sel.text.replace(/^/t/gm, ) code = code.replace(/^/t/gm, ).replace(//r/n/g, /r) r.findText(code) r.select() break case (9) : if (sel.getClientRects().length 1) { code = sel.text tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) sel.setEndPoint(startToStart, tmp) sel.text = /t sel.text.replace(//r/n/g, /r/t) code = code.replace(//r/n/g, /r/t) r.findText(code) r.select() } else { sel.text = /t sel.select() } break case (13) : tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) tmp.setEndPoint(endToEnd, sel) for (var i=0; tmp.text.match(/^[/t] /g) itmp.text.match(/^[/t] /g)[0].length; i ) tabs = /t sel.text = /r/n tabs sel.select() break default : event.returnValue = true break } } // -- /mce:script 使用時: 代碼如下:textarea cols=80 rows=20 name=input onkeydown=editTab()/textarea  希望本文所述對大家的javascript程序設計有所幫助。

版權聲明:本文由 襲妙顏 整理編輯。

原標題:textarea樣式,input textarea

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

文章評論

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

    用戶名:

    驗證碼:

作者推薦

  • ios字體叫什么,ios換字體

    ios字體叫什么,ios換字體 相關圖片ios12更換字體1、 IOS本機字體顯示標簽中選定的字體,并將字體從“系統”更改為“自定義”。家族中可以看到72種特殊字體。里面有非常炫目的字體,但都是英文數字的,不是中文的。...

  • 語法分析器,漢語語法基礎知識

    語法分析器,漢語語法基礎知識 相關圖片英語語法分析軟件HTML注釋在客戶端顯示注釋。JSP語法!--注釋[%=expression%]--示例1!--這個文件在客戶機上顯示用戶登錄屏幕--HT英語語法改錯...

  • 什么是數據壓縮,AIC23數據壓縮

    什么是數據壓縮,AIC23數據壓縮 相關圖片數據庫數據壓縮數據壓縮使用gzip處理壓縮的響應數據。從0.9版開始,asihttprequest將提示服務器它可以接收gzip壓縮數據。很多web服務器可以在數據發送之前對數據壓縮原理...

  • 如何將字符串轉化為數組,如何將字符串轉為日期

    如何將字符串轉化為數組,如何將字符串轉為日期 相關圖片將字符串轉換為日期下面是將文本文件或字符串轉換為圖片的示例。調用方法:C?code converttextfiletoimage(服務器。映射路徑(~/data。Txt),服務器如何將字符串轉換成日期...

  • ps漸變步驟,ps漸變的運用

    ps漸變步驟,ps漸變的運用 相關圖片ps漸變人物本文通過一個實例說明了PHP如何使用GD實現顏色漸變。與您分享以供參考。具體實現方法如下:?1234567891011?PHP$im=imagecreate(2漸變編輯器的使用...

  • 什么是構造函數重載,構造函數怎么重載

    什么是構造函數重載,構造函數怎么重載 相關圖片構造函數和析構函數重載本文主要介紹了C 中構造函數重載的相關信息,非常詳細。對于您的朋友,請參閱“12345678910121314151617181920212223242526什么是復制構造函數重載...

  • 安全備份的策略,備份方案及策略

    安全備份的策略,備份方案及策略 相關圖片常見的系統備份策略有在數據庫表丟失或損壞的情況下備份數據庫很重要。如果發生系統崩潰,您希望能夠將表還原到崩潰發生的狀態,同時盡可能減少數據丟失。本文主要對MyISAM表進...

  • 日歷跳轉指定日期,計算指定日期的年齡

    日歷跳轉指定日期,計算指定日期的年齡 相關圖片朋友圈指定日期讓我們了解一下:雖然我們不能在access中使用DateDiff函數,但是我們可以使用date函數來實現這個函數。讓我們來看看下面這個巨大的例子,即如何選擇前8朋友圈怎么看指...

  • oracle如何導入數據,oracle數據庫導入數據

    oracle如何導入數據,oracle數據庫導入數據 相關圖片oracle 導入本文介紹了Oracle數據的導入和導出、IMP命令和exp命令,并對它們的相關參數進行了說明。然后通過一些例子,加深我們的理解。最后,本文討論了在使用這兩個命令oracle導入...

  • javascript 回調函數,nodejs回調函數

    javascript 回調函數,nodejs回調函數 相關圖片前端回調函數本文的例子描述了JavaScript中帶有回調函數的異步腳本加載方法。與您分享以供參考。具體實現方法如下:?12345678910121314151617181什么是回調函數...

熱評文章

  • 要使文本框獲得焦點,讓文本框獲得焦點的方法

    要使文本框獲得焦點,讓文本框獲得焦點的方法 相關圖片vb使文本框獲得焦點本文的例子描述了JavaScript在獲取焦點后實現背景圖像在文本框中默認顯示的方法。與您分享以供參考。具體如下:HTML代碼:?123456789formnavb設置文本框為焦點...

  • 緩沖區溢出漏洞解決方案,文件上傳漏洞解決方案

    緩沖區溢出漏洞解決方案,文件上傳漏洞解決方案 相關圖片文件上傳漏洞原理在網站建設初期,很多網站都會將密碼放入數據庫,在登錄驗證時使用SQL=select*from user where user name='username'和p文件包含漏洞繞過技巧...

  • %c,8c

    %c,8c 相關圖片c-5最簡單的方法是導出頁面上的所有內容,并在加載時調用它。請注意,頁面上不能有其他控件,包括button void converttoexcel(){響應。Cleac哩...

  • iOS發布流程,ios流程軟件

    iOS發布流程,ios流程軟件 相關圖片蘋果app開發流程我認為GIT進程在IOS開發中的優勢不需要詳細解釋。這和SVN的不一樣。過去,我經常通過拖拽文件的方式,讓很多人來配合開發。--! 我不想在這里討論一些基本的命iosapp上...

  • php for android,android運行php

    php for android,android運行php 相關圖片android php服務器下面是一個PHP如何判斷Android、IOS或WP是否會訪問網站的示例。這很實用,我希望能對你有所幫助。在PHP中,我們可以使用$_server['http_php開發安卓...

  • 如何保持狀態,保持好狀態

    如何保持狀態,保持好狀態 相關圖片如何讓自己保持穩定的狀態net提供了session對象,它允許程序員識別、存儲和處理來自同一瀏覽器對象的多個請求的上下文信息,并將其發送到服務器上的特定網絡應用程序。會話對應于...

  • asp連接oracle數據庫,pl/sql developer

    asp連接oracle數據庫,pl/sql developer 相關圖片Oracle10g本文主要介紹了使用ODP的asp.net防注入登錄驗證程序,即Oracle連接方式。您可以參考Internet上許多SQL連接模式的登錄驗證,但是如果沒有Oracas和casshiro比較...

  • 眼鏡框制作,手機中框和邊框的區別

    眼鏡框制作,手機中框和邊框的區別 相關圖片門窗框的固定方法在從ios8升級到ios9的過程中,彈出提示框的方式發生了很大的變化。在xcode7和ios9.0的SDK中,已經明確表示不再推薦使用UIAlertView,只怎樣調眼鏡框...

  • sql刪除重復數據,如何刪除重復數據

    sql刪除重復數據,如何刪除重復數據 相關圖片oracle恢復刪除的表有很多方法可以刪除Internet上的重復數據,例如delete from prod,grid,Inc其中ROWID in(選擇b.row,Id2 from(選表格刪除重復項...

  • 怎樣獲取select的值,獲取select2選中的值

    怎樣獲取select的值,獲取select2選中的值 相關圖片jsp獲取select選中的值本文的示例描述了JavaScript獲取select值的方法。與您分享以供參考。具體分析如下:1。顯示的漢字編碼如下:document.getelementbyselect下拉框提交值...

關注微信

变脸官网查询