如何将光标移动到 Mozilla 自定义文本框中插入的文本前面?
我使用的是 Firefox 3.6(必须是 Firefox 3.6,不需要跨浏览器兼容)和从 window.getSelection() 返回的选择对象。 下面的代码捕获 Tab 键并防止其跳出自定义文本框。然后在光标前面插入 5 个不间断空格。如何使光标跳到插入的不间断空格的末尾?
content.bind('keydown', function(evt) {
var TABKEY = 9;
if (evt.keyCode == TABKEY) {
var TAB_SPACES = 5;
evt.preventDefault();
var sel = window.getSelection();
var range = sel.getRangeAt(0);
range.insertNode(document.createTextNode('\u00a0'.times(TAB_SPACES)));
}
}, false
);
I'm using Firefox 3.6 (must be Firefox 3.6, doesn't need to be cross-browser compatible) and the selection object returned from window.getSelection().
The code below is capturing the tab key and preventing it from tabbing out of a custom text box. It is then inserting 5 non-breaking spaces in front of the cursor. How can I make the cursor jump to the end of the inserted non-breaking spaces?
content.bind('keydown', function(evt) {
var TABKEY = 9;
if (evt.keyCode == TABKEY) {
var TAB_SPACES = 5;
evt.preventDefault();
var sel = window.getSelection();
var range = sel.getRangeAt(0);
range.insertNode(document.createTextNode('\u00a0'.times(TAB_SPACES)));
}
}, false
);
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
当你说自定义文本框时,这是使用 contenteditable 完成的吗?试试这个:
When you say a custom text box, this is done using contenteditable? Try this: