首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的script标签，输入js代码：var e = event || window.event；document.body.innerText = e.clientX + ， + e.clientY；。
创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于做网站、网站设计、张店网络推广、成都微信小程序、张店网络营销、张店企业策划、张店品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联公司为所有大学生创业者提供张店建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com
首先检测鼠标事件，如果有点击编辑区的某个位置，你就获取当前鼠标的落点，然后用innerHTML加入一对标签，span class=color：#XXXXXX/span，所有输入内容都在这个span中间。效果就是输入的所有文字都变色。
如图位置是一个html中的可编辑内容的div标签，在里边输入文字，会有一个光标。通过getSelection可以获得一个Selection对象，如图。因为是一个光标，anchor和focus（选择的起点和终点）一样，偏移也一样。
div id=canvas onmousemove=get_canvas(event，this)/div /body /html 兼容IE8+ 用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip） 等等。
这时我们敲js中的代码 获取div1的id 使用css属性对应的style属性然后设置高度。使用js修改CSS文件中的div的height的值 HTML文件中的代码。
jQuery让鼠标定位输入框的代码如图：jQuery的简介：jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架）。
第一，定位到这个标签。第二，让标签触发活的焦点事件。tabindex作为定位标签未知不可靠，如果未知有变动就会出错。最好的办法就是用id选择器，速度快，定位准确。然后利用js或者jquery中focus()方法即可让光标定位到文本框中。
//解释//$obj用来定义点击的哪一个00//input就是所谓00的那个输入框，你可以改为ID或是其它模式//#tm就是这个DIV的ID。你可以修改//li就是在DIV内的那些数字，用li原素好一些//html代码和CSS代码，你自己写。
1、兼容IE8+ 用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip） 等等。当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同。
2、获得当前鼠标的坐标，根据参照物的不同，分为以下几套坐标系。一套是以当前浏览器的可视区为参照物（clientX，clientY），另一套是以显示器的屏幕为参照物（screenX，screenY）。
3、首先，获取到事件对象e，事件来源，IE下面对应的是srcElement，FF下面是target。
4、而offsetX解释说是事件产生的位置和鼠标位置的偏移量，没太理解，我也是初学。而你说改变分辨率坐标改变，这是必然的。
5、所以鼠标在iframe内的坐标应该不能在父页获取。你可以用document.getElementById(iframe1).contentDocument得到iframe的document对象，之后操作它得到iframe内的坐标，再与父页中iframe标签左上角坐标叠加就可以。
