需要准备的材料分别有:电脑、html编辑器、浏览器。
我们提供的服务有:成都网站设计、成都网站建设、微信公众号开发、网站优化、网站认证、祥云ssl等。为上1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的祥云网站制作公司
1、首先,打开html编辑器,新建html文件,例如:index.html,编写基础代码。
2、在index.html中的script标签,输入js代码:
var el = window.document.body;
window.document.body.onmouseover = function(event) {
el = event.target;
$('body').append('br/当前鼠标在' + $(el).html() + '元素上');
}
3、浏览器运行index.html页面,此时鼠标移动到123上,会打印出光标在123元素上。
可以通过document.selection.createRange();来实现,而Firefox(火狐)浏览器则需要首先获取光标位置,然后对value进行字符串截取处理。
$(selector).insertAtCaret("value");
jquery 或者js 获取页面光标所在的元素有如下两种方式:
1.通过焦点获取光标所在元素
光标所在一般都在文本框里面(该方法只适用于input,textarea)
$("input:focus") //光标所在input元素的位置
$("textarea:focus")//光标所在textarea元素的位置
$("input:focus,textarea:focus")//光标所在元素的位置
2。通过点击事件获取光标所在元素
获取鼠标点击元素的位置(适用于所有元素)
$("*").click(function(e){
$(e.target)//光标所在元素位置
})
js
document.getElementById(id).focus();
例如
input id="shan" type="text" onchange ="return gaib(this.id)"/
function gaib(id) {
var oo=document.getElementById(id);
if (oo.value == 3) {
alert('输入错误');
oo.focus();
}
}
jquery
$("#"+id).focus();
例如
input id="shan" type="text" onchange ="return gaib(this.id)"/
function gaib(id) {
var oo=$("#"+id);
if (oo.val() == 3) {
alert('输入错误');
oo.focus();
}
}