<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
</head>
<script language="JavaScript" type="text/javascript" src="jquery-1.3.1.min.js"></script>
<script language="JavaScript" type="text/javascript" src="jquery-position.js"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
$('input:eq(0)').click(function(){
alert($(this).position());
})
$('input:eq(1)').click(function(){
var x=$(this).val().length;
$(this).position(x);
})
var left=$('input:eq(1)').offset().left;
var top=$('input:eq(1)').offset().top;
$('#sendlist').css({left:left,top:top+20});
$('li').click(function(){
$('input:eq(1)').val($('input:eq(1)').val()+$(this).text()).focus().position($('input:eq(1)').val().length);
});
})
</script>
<body>
<input type="text" value="123456789"/>
<input type="text" style="width:1000px;"/>
<ul id="sendlist" style="width:100px; height:auto; position:absolute; list-style-type:none;">
<li>发生地方散热</li>
<li>反对搜去</li>
<li>北京咯去</li>
<li>波尔吧</li>
</ul>
</body>
</html>
获取和设置输入框光标位置的插件
4星 · 超过85%的资源 需积分: 16 72 浏览量
2011-10-29
18:00:34
上传
评论
收藏 19KB 7Z 举报
xyazyx
- 粉丝: 0
- 资源: 35