jquerydiv光标位置不变，div contenteditable光标出现位置

jquery如何实现点击一个按钮 div框从右→左，再点击按钮 div框从刚刚的位置移动回原来的位置？

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用div标签创建一行文字，文字内容为“小明”。

3、在test.html文件内，设置div标签的id属性为mytext，主要用于下面通过该id获得div对象。

4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“切换内容”。

5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行func（）函数。

6、在js标签中，创建func()函数，在函数内，通过id(mytext)获得div对象，通过html()方法获得div内的文本内容，使用if语句判断获得的文字内容是否为指定的文本内容，如果不是，则通过html()方法改变文本内容。

相关问答

Q1: JQuery的问题，怎么实现鼠标按下的时候会改变div的样式，当鼠标松开时（位置不动）这个又恢复之前的样式

分析问题其实就很简单了，

首先使用鼠标按下事件，按下的时候改变样式，

松开的时候使用的是鼠标松开事件，

改变的样式是写原来的样式，

这样看到的效果就是按下有改变，松开回原样

然后再给设置一个鼠标拖动事件，判断点击文字到黑色区域的宽和高的距离，

即x轴和y轴，然后做判断，

if(拖动的x轴距离 自身到x轴距离 || 拖动的y轴距离 自身到y轴的距离){

发生鼠标按下事件，显示改变的样式。

}

Q2: jquery里有没有办法只刷新一个div里的内容 并且不刷新光标

你所谓的不刷新光标应该是选择内容后不会在刷新后失去选择吧，刷新内容必定会导致内容改变，至于你所说的不刷新光标只能是浏览器实现了，jquery是无法实现的

Q3: js点击元素光标不移动

当使用JavaScript点击元素，但光标不移动时，可能是因为没有正确设置光标位置。可以通过设置光标位置来解决这个问题，例如，可以使用JavaScript的selectionStart和selectionEnd属性来设置光标的位置。另外，也可以使用JavaScript的focus()方法来设置光标的位置，这样就可以让光标移动到指定的位置。此外，也可以使用CSS的cursor属性来设置光标的位置，这样就可以让光标移动到指定的位置。总之，只要正确设置光标位置，就可以解决JavaScript点击元素时光标不移动的问题。

Q4: jQuery动态修改DIV位置

修改div的位置，其实就是修改div的left和top值。

思路：

先选出div这个对象。

修改div的left和top值。

下面是代码：

script src="jquery-1.7.2.js"/script

    body

     div style="width:100px; height:100px; background:#ccc; position:absolute; left:100px; top:100px;" id="div"/div

    /body

    script

 $('#div').css({'left':'300px','top':'300px'});

    /script

Q5: jQuery动态添加DIV，刷新后添加的DIV依然保存在原来的位置，怎么实现？HELP~~

刷新后当然就恢复原来的了。因为jQuery只能改变客户端的内容。你要达到这个效果需要结合php或是asp之 类的脚本程序来实现了。

你可以在页面程序里加个判断，把原来状态在cookie里标记为0，jQuery动态添加DIV之后的状态在cookie里标记为1，然后在jQuery动态添加DIV时同时把cookie改写为1.

在刷新页面之后，div判断cooki是0还是1，如果是1，div就在新的地置。不然就还是在老位置。

jquerydiv光标位置不变的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于div contenteditable光标出现位置、jquerydiv光标位置不变的信息别忘了在本站进行查找喔。