简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

光标的一些操作总结_javascript技巧

WBOY
Libérer： 2016-05-16 19:25:23
original
1145 Les gens l'ont consulté

IE下的Range操作比Mozilla下强很多，这里只讨论IE下的操作。
这里选介绍几个光标定位的特点：

1.光标不变

    直接obj.focus()，光标会返回之前的位置，即位置不变

2.光标在最前 

复制代码 代码如下:

var r = obj.createTextRange();
r.collapse();
r.select();

    用这个方法可以使光标在input框最前面

3.光标在最后 

复制代码 代码如下:

var r = obj.createTextRange();
r.collapse(false);
r.select();

    用这个方法可以使光标停在input框的最后

4.选取input框中部分内容需要用到Range的moveStart或moveEnd方法, 其详细的方法使用可以参考MSDN.


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


5.再引申一下光标的移动和位置，这个是有人经常问到的问题 

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
Étiquettes associées：
光标
source：php.cn
Article précédent：简单JS代码压缩器_javascript技巧 Article suivant：实例：尽可能写友好的Javascript代码_javascript技巧
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
SQL Count() nécessite également 0 Je n'ai qu'une seule table et je veux compter chaque entrée d'une balise qui commence par ...
Depuis 2024-04-06 19:48:53
0
1
449
En vue mobile, comment fermer cette barre de navigation lorsque l'utilisateur clique sur le lien ? Lorsque l'utilisateur clique sur un lien pour naviguer sur le site Internet, la barre de n...
Depuis 2024-04-06 19:23:03
0
1
411
Méthode CSS uniquement pour modifier dynamiquement le src de l'image au clic sans utiliser JavaScript Je dois changer le src d'une image en cliquant sur la souris en utilisant uniquement du CS...
Depuis 2024-04-06 19:25:49
0
1
505
Générez des valeurs par défaut et des variables CSS à l'aide de SCSS J'implémente le style du site Web. Pour des raisons de support hérité, je dois prendre en ...
Depuis 2024-04-06 17:46:54
0
1
355
Styles CSS non appliqués au site Je crée un site Web en utilisant Bootstrap5 mais les propriétés index.css ne sont pas appl...
Depuis 2024-04-06 17:12:23
0
1
336
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！