时间:2021-05-25
复制代码 代码如下:
var Page_INIT = function () {
$(document).bind("mouseover", function (e) {//鼠标移入
if (e.target.tagName.toUpperCase() == "INPUT") {
var input = e.target;
if (input.type == "text") {//如果是文本框
if (window.Page_FocusTimer) {//如果处于焦点状态
window.clearTimeout(window.Page_FocusTimer);//清除焦点状态
}
window.Page_FocusTimer = window.setTimeout(function () { //每0.2豪秒去执行这个匿名方法一次
if (!input.value) {//如果内容为空,则设为焦点
try {
input.focus();
} catch (e) { }
}
}, 200);
}
}
}).bind("mouseout", function (e) {//鼠标移出
if (e.target.tagName.toUpperCase() == "INPUT") { //被处理的事件源对象它的名称(即HTML标记)转为大写后如果是INPUT
var input = e.target;
if (input.type == "text") {
if (window.Page_FocusTimer) {
window.clearTimeout(window.Page_FocusTimer);
}
}
}
});
}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
摘要:许多重视用户体验的设计师都希望给文本框(input)加上获取焦点或者鼠标悬停时的样式切换效果。其实很简单,我们只需要获取页面上的文本框,加上onfocus
本文实例讲述了jQuery实现dialog设置focus焦点的方法。分享给大家供大家参考。具体分析如下:当弹出对话框,默认我们应该将焦点定位到输入的文本框,但是
使用Jquery实现点击文字变为文本框效果,可对文本框文字进行修改。1.点击文字变为文本框2.文本框自动全选文字3.对文本框内容进行修改4.点击文本框以外的地方
搜索文本框焦点离开时设置文本,位置跳动问题复制代码代码如下://搜索文本框$("#txtSearch").focus(function(){if($(this)
甚至有个人问我“页面上有5个文本框,每个文本框只能输入一个字符,怎么用js实现用户输入第一个文本框的后焦点自动跳到第二个。”。我说这个功能不是应该是Tab做的吗