获取contenteditable区域光标所在位置信息

在我们使用contenteditable编辑时，有时需要光标位置的信息。

<div contenteditable="true" style="min-height: 200px; width: 100%;-webkit-user-select: auto"></div>

<script>

if(s.anchorNode.parentElement.localName == ‘div‘){

actClass = s.anchorNode.className;
   }else{

actClass = s.anchorNode.parentElement.className;
   }

</script>

这段js代码可以一直监听光标位置。

时间： 2024-10-15 23:23:54

获取contenteditable区域光标所在位置信息的相关文章

EditText插入表情（字符串）到光标所在位置

获取EditText组件 [java] view plaincopy EditText etWeiboContent = (EditText) findViewById(R.id.et_content); 将表情转换成文本 [java] view plaincopy EmoticonsUtil mEmoticons = new EmoticonsUtil(this); CharSequence emoticonsText = mEmoticons.replace(mEmoticons.getEm

用js控制按钮时间，将指定内容添加到文本域的光标所在位置。

<pre class="javascript" name="code"> var fm = document.getElementsByTagName('form')[0]; var button = document.getElementsByName("button"); //获取一个cookie的值 function getCookie(index){ var allcookies = document.cookie; var

android EditText插入字符串到光标所在位置

EditText mTextInput=(EditText)findViewById(R.id.input);//EditText对象 int index = mTextInput.getSelectionStart();//获取光标所在位置 String text="I want to input str"; Editable edit = mTextInput.getEditableText();//获取EditText的文字 if (index < 0 || index &

WPF RichTextBox 如何滚动到光标所在位置、滚动条操作

1.获取当前滚动条位置 //获取当前滚动条位置 richTextBox.VerticalOffset; richTextBox.HorizontalOffset; //获取当前光标位置 richTextBox.CaretPosition 2.滚动到开始,结束,指定位置 // // 摘要: // 将编辑控件的视图设置为内容的末尾. public void ScrollToEnd(); // // 摘要: // 将编辑控件的 " 视图到视区的开头. public void ScrollToHome(

(获取选中的光标起始位置)EditText常用属性【三】:EditText选取操作

转自:http://blog.csdn.net/wirelessqa/article/details/8567702 话不多说,直接上码: activity_main.xml [html] view plaincopy <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" andr

往textarea中光标所在位置插入文本

来自于http://www.oschina.net/code/snippet_1780998_36843 $(".addFullIn").click( function () { $(".questionName").insertContent("( )"); }); //$(".addFullIn")为点击按钮 //$(".questionName")为要插入的文本框 //insertContent(&q

获取代码所在的位置信息

要实现获取代码所在的位置信息的功能, 类System.Diagnostics.StackFrame是关键,源码如下: 1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Text; 5 using System.Diagnostics; //需要知道源码位置 6   7 namespace ConsoleApplication1 8 { 9     class Progra

【重要重要】如何在div是contentEditable=true的里面获取光标的位置，并在光标位置处插入内容。焦点位置插入指定内容

为什么要在contentEditable=true的div里面获取光标呢?因为这篇文章https://blog.csdn.net/qq_33769914/article/details/85002918我们知道想在一个内容里面插入一个新的内容,如果这个新的内容是段html代码.最后显示的是有样式的.那么用input是无法实现的. 所以我们考虑用contentEditable=true的div.在这里面输入的html就没问题啦.————————————————版权声明:本文为CSDN博主「夏天想」

windowsphone中获取手机位置信息

首先在界面中加入一个textblock控件以显示信息 1 using System; 2 using System.Collections.Generic; 3 using System.IO; 4 using System.Linq; 5 using System.Runtime.InteropServices.WindowsRuntime; 6 using Windows.Foundation; 7 using Windows.Foundation.Collections; 8 using