選中文字框文字觸發事件程式碼例項
下面分享一段程式碼例項,它實現了選取input文字框或者textarea多行文字域文字就會觸發事件的功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $("textarea").select(function () { $("div").text(getSelection()); }) }) </script> </head> <body> <textarea>螞蟻部落歡迎您</textarea> <div></div> </body> </html>
上面的程式碼選中文字,就可以將選中的內容寫入div中。
相關閱讀:
(1).select事件可以參閱jQuery select事件一章節。
(2).getSelection()可以參閱javascript getSelection()一章節。
相關文章
- js點選文字框選中文字效果程式碼例項JS
- 文字框內容輸入完畢觸發事件程式碼例項事件
- js獲取選中文字程式碼例項JS
- JavaScript 點選複製選中文字程式碼例項JavaScript
- 文字框點選清除預設文字例項程式碼
- js獲取選中文字值的例項程式碼JS
- 點選按鈕複製文字框文字程式碼例項
- js實現的獲取選中文字程式碼例項JS
- jQuery點選文字框清除內容程式碼例項jQuery
- js實現的點選複製選中文字程式碼例項JS
- 文字嵌入邊框程式碼例項
- 密碼框提示文字程式碼例項密碼
- js中文字框的事件JS事件
- 文字框與文字垂直對齊程式碼例項
- 點選文字框彈出可檢索下拉選單程式碼例項
- 讓input文字框文字垂直居中程式碼例項
- 密碼框提示文字效果程式碼例項密碼
- 當前文字框高亮效果程式碼例項
- 文字框高度自適應例項程式碼
- js動態建立文字框程式碼例項JS
- js實現文字框提示程式碼例項JS
- input文字框圓角效果程式碼例項
- textarea文字框高度自適應程式碼例項
- 點選方向鍵實現文字框焦點切換程式碼例項
- js實現的指定時間後觸發事件程式碼例項JS事件
- js判斷文字框是否為空程式碼例項JS
- 限定文字框只能輸入數字例項程式碼
- 文字框輸入數字倒計例項程式碼
- 文字框獲得和失去焦點程式碼例項
- js檢測文字框是否為空程式碼例項JS
- 如何實現點選文字框清除其中文字
- css禁止選中指定文字程式碼例項CSS
- textarea文字框輸入文字數目倒計效果程式碼例項
- 禁用文字選擇、右鍵選單例項程式碼單例
- 點選文字框彈出可供選擇的checkbox核取方塊程式碼例項
- 實現密碼框預設文字效果例項程式碼密碼
- jQuery點選回車事件程式碼例項jQuery事件
- 在文字框輸入關鍵詞可以實現篩選功能程式碼例項