textArea列印時,內容不顯示

2022-03-12 04:36:19 字數 553 閱讀 8506

使用jqprint來列印form表單中的內容時。會出現input、textarea標籤裡的東西無法列印。

jquery列印原理:jqprint列印方式是把列印區域的html內容處理到新的iframe中,然後列印。

這樣的乙個機制下,input、textarea當中的內容如果是通過jquery賦值、手動輸入,那麼在列印的時候是不會有內容的。

解決辦法:

在jqprint()之前,執行下面的方法:

1.input屬性賦值:使input標籤的value屬性內有你要列印的內容。

2.textarea: 將標籤內的內容,賦給textarea的html。

textarea處理方式如下:

// 列印表單

$('#print').on('click', function ()

}//**********===hujie20191231==調整textarea在列印時不顯示的問題====結束*****===

$iframe.$('.lr-form-wrap:visible').jqprint();

});

TEXTAREA中文內容監控

timetable是一維陣列,裡面的資料為 當前字數,當前時間,當前字數,當前時間 每次輸入中文時會取當前輸入字數與時間,push進陣列。function wordcheck 加乙個最大值,為了區分輸入乙個中文,與刪除中文前的英文 這個判斷可以繼續完善,因為可以檢測當前游標,就可以判斷游標左右是否有...

列印頁面時a標籤不顯示URL的方法

以前寫部落格啊,總想寫一篇大作,然後希望能掛到首頁,隔一會兒看看閱讀量有多少。其實哪有那麼多大作,大部分時間都是解決了乙個小問題,然後需要記錄一下。比如下面這篇。今天遇到乙個需求是,列印網頁時,不要顯示a標籤的url。如下圖 這個問題出現的原因是bootstrap的樣式有這麼一段 media pri...

textarea高度隨內容自動改變

textarea預設的高度不是對著內容變化,而是隨著內容增多,出現了滾動條。目前的需求是實現乙個能夠輸入的textarea,並且高度跟著內容變化。發現了乙個比較好用的外掛程式flextext,但是這個基於jquery寫的,目前的技術棧是react,所以簡單看了下,然後用原生的js模擬了乙個實現。ht...