在textarea和input游標處插入內容,支持ie

来源:https://www.cnblogs.com/liys-kiki/archive/2019/10/25/11738393.html
-Advertisement-
Play Games

項目需求,用戶要能夠輸入和點擊外面的公式去插入到textaera中,試了好幾種方法,有的是在谷歌下好使,在ie下不好使,最後找到了下麵這個方法,目前在ie8以上都可以生效。直接上代碼 調用也相當的簡單 ...


項目需求,用戶要能夠輸入和點擊外面的公式去插入到textaera中,試了好幾種方法,有的是在谷歌下好使,在ie下不好使,最後找到了下麵這個方法,目前在ie8以上都可以生效。直接上代碼

 1 function insertAtCursor(myField, myValue) {
 2         //IE support
 3         if (document.selection) {
 4             myField.focus();
 5             sel = document.selection.createRange();
 6             sel.text = myValue;
 7         }
 8         //MOZILLA and others
 9         else if (myField.selectionStart || myField.selectionStart == '0') {
10             var startPos = myField.selectionStart;
11             var endPos = myField.selectionEnd;
12             myField.value = myField.value.substring(0, startPos)
13                     + myValue
14                     + myField.value.substring(endPos, myField.value.length);
15             myField.selectionStart = startPos + myValue.length;
16             myField.selectionEnd = startPos + myValue.length;
17         } else {
18             myField.value += myValue;
19         }
20     }
21   

調用也相當的簡單

insertAtCursor(‘DOM節點’,‘內容’);

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Chorme 瀏覽器中的垃圾回收和記憶體泄漏 垃圾回收 通常情況下,垃圾數據回收分為 和`自動回收`兩種策略。 手動回收策略,何時分配記憶體、何時銷毀記憶體都是由代碼控制的。 自動回收策略,產生的垃圾數據是由垃圾回收器來釋放的,並不需要手動通過代碼來釋放。 JavaScript 中調用棧中的數據回收 Ja ...
  • 一次性定時器:setTimeout(fun,time);回調函數等待time時間後,執行一次! 參數:fun: 需要執行的回調函數/time等待的時間 永久定時器:setInterval(fun,time);回調函數每隔time時間後,執行一次! 參數:fun:需要執行的回調函數/間隔的時間/tim ...
  • svg-sprite-loader 可以多個svg圖標合併. 使用時只需根據合併的symbol的id即可. <svg class="svg-icon" aria-hidden="true" v-on="$listeners"> <use xlink:href="symbol的id" /> </svg ...
  • 有時候使用ios輸入鍵盤以後,直接點擊頁面按鈕會出現事件無效。 解決方法: 1、 輸入框輸入後點擊提交按鈕後,彈窗會發現游標穿透問題 解決方法: 使用input blur()事件使input失去焦點 2、事件失效 抬起鍵盤後點擊頁面彈出視窗後,事件失效,頁面無交互,點擊無效果,滑動以後才有能再次點擊 ...
  • 免費實用的CSS樣式生成器CssCollector,是一款拾取HTML中樣式類名的軟體,幫助開發人員節省時間精力。自動獲取收集HTML片段中的樣式類名,自動生成可直接使用的樣式列表。 ...
  • Node.js 在很多大公司都有不錯的實踐,比如:淘寶、天貓 Web 版,很多頁面都是在 Node 伺服器上渲染的。還有各種腳手架、前端打包發佈工具、構建生態的小工具,也基本都是 Node.js 編寫的。 綜上,Node.js 也就成為了前端工程師挑戰高薪的必備技能了! 那麼 Node.js 從入門 ...
  • 搜索引擎網站收錄地址大全 搜索引擎網站收錄地址大全 百度搜索網站登錄口:http://www.baidu.com/search/url_submit.html Google網站登錄口:http://www.google.com/addurl/?hl=zh-CN&continue=/addurl Go ...
  • 最近在腳本中通過WScript.Shell執行命令行,實現IE打開Chrome的功能。 JS代碼如下: 由於客戶環境中 Chrome是綠色版的,把Chrome.exe的絕對路徑放入到環境變數path後,在windows的CMD視窗中可以通過start chrome打開,但是在JS中運行如上代碼始終提 ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...