一些input用法
2024-08-24 14:57:08
//设定选中范围
someInput.setSelectionRange(0, 2); //只读
<input type="text" value="2" readonly /> //绑定键盘输入事件
someInput.addEventListener('keydown', function (event) {
//......
});
//获取光标位置
<input type="text" id="text-element" />
<!-- Or a textarea
<textarea id="text-element"></textarea>
-->
<input type="button" id="trigger" value="Check"/> <script>
document.getElementById("trigger").addEventListener("click", function(){
var myElement = document.getElementById('text-element');
var startPosition = myElement.selectionStart;
var endPosition = myElement.selectionEnd; // Check if you've selected text
if(startPosition == endPosition){
alert("The position of the cursor is (" + startPosition + "/" + myElement.value.length + ")");
}else{
alert("Selected text from ("+ startPosition +" to "+ endPosition + " of " + myElement.value.length + ")");
}
},false);
</script>
最新文章
- js 入门级常见问题
- Java TCP 程序
- Container ViewController初探1
- TextView所有属性
- 《分销系统-原创第一章》之“多用户角色权限访问模块问题”的解决思路( 位运算 + ActionFilterAttribute )
- Ruby on Rails Tutorial 第二章 之 用户资源&;MVC&;REST
- Battle Over Cities (25)(DFS、连通图)
- 网站开发常用jQuery插件总结(九)侧边栏插件pageslide
- android AudioRecorder简单心得
- Use PRODUCT_USER_PROFILE To Limit User
- 详解WTL应用向导
- 获取mysql 配置和目录
- 什么是 Meta Learning / Learning to Learn ?
- 一个在linxu自动切换ip的脚本
- 《DSP using MATLAB》Problem 5.10
- 2013长春网赛1005 hdu 4763	Theme Section(kmp应用)
- 【修改帐号信息】Eclipse中修改SVN用户名和密码方法
- servlet-cookie
- 自动安装zabbix_agent脚本 -- python2
- Jmeter 数据库配置池设置IP为参数