如何限制光标

时间:2015-02-20 19:30:29

标签: jquery html css

我正在创建一个私人网页。 我有一个从css创建的光标,还有一个来自css的框来模仿文本字段。 我之所以不想使用文本字段是因为默认光标。

我成功地使用switch语句移动光标进行键盘输入。切换是因为某些键被忽略并执行其他功能。 我还创建了一个退格键,将光标返回到开始。

但是,我有一些问题。我的文本字段宽度为60%,我想将光标限制为仅向右移动58.58%,即文本的方向。当我尝试在switch语句中使用if else执行此操作,并键入3次键时,光标然后跳转到我创建的文本字段末尾的58.58%标记。 我该怎么做呢? 其次,我希望能够在我的文本字段上显示屏幕上的字符,以模仿真实的字符。但我似乎没有任何成功。

任何人都可以提供帮助。

以下代码用于整个设置。其中将占位符文本隐藏在框中,并允许退格和键入。 H 如何限制光标,并在我输入时创建字符文本以覆盖框,并且一旦到达文本框的末尾,还允许字符向后移动?

$(document).keydown(function(e) {
var stoppos = $("#cursor").css("left");
switch(e.keyCode){
case 8:

if (stoppos < "10.15%") {
$("#cursor").css("background-color","#0000FF").css("left","0.15%");
$("#commandtext").show();
}   
else {
$("#cursor").css("left","-=15%");
}
break;
case 16:
$("#commandtext").show();
break;

/* Many more switch cases */

case 116:
$("#commandtext").show();
break;
default:            
$("#commandtext").hide();
$("#cursor").css("background-color","#0000FF").css("left","+=15%");
}

0 个答案:

没有答案