扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
首先我要说你的事件注册的不对,应该这样写:
创新互联公司专注于佳县企业网站建设,自适应网站建设,商城网站制作。佳县网站建设公司,为佳县等地区提供建站服务。全流程按需规划网站,专业设计,全程项目跟踪,创新互联公司专业和态度为您提供的服务
$("#two").focus();
$("div").keydown(function(e){
if(e.keyCode == 13){
alert($(this).html());
}
});
其次,div默认是不能focus的,所以你的焦点就没进去。
如果你实在是要实现div的focus,并且按回车显示内容的话,我有一个办法能达到你的效果。
把三个div换成这样:
div id="one" contenteditable="true"oooo/div
div id="two" contenteditable="true"tttt/div
div id="three" contenteditable="true"hhhh/div
不管IE还是火狐都能达到你的效果。
DIV获取焦点(两种方法):
DIV直接使用focus()和blur()两个方法是无效的,需添加tabindex="0"或者contenteditable="true"属性
①:设置div为可编辑状态,则可点击获取焦点,同时div的内容也是可以编辑的;如:
div
contenteditable="true"11111111111111/div
②:设置div的tabindex,此时div的内容是不可编辑的;如:
div
tabindex="0"11111111111111/div
PS:设置tabindex属性,按键盘Tab键可让其获取焦点,其中tabindex的值越小在tab键切换的时候就会首先聚焦
由于JQuery中获得的对象还是JQuery对象,对其使用focus()只是使该对象获得onFocus()函数,不能是对象获得焦点,所以要使对象获得焦点,应该调用DOM对象的focus 方法,即: $("#id")[0].focus(); 需要注意两个函数之间的区别: $("#id").focus(); 和 $("#id")[0].focus(); 第一个是增加onFocus()时间,一个是使DOM对象获得焦点。
怎样可以在“jquery”让文本框获取焦点时改变背景颜色?
1、先使用jQuery选择器找到所有的文本框
2、为文本框注册获得焦点事件,即focus事件
3、在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色
4、注册失去焦点事件,即blur事件
5、在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色script type="text/javascript" $(funct $("input:text").focus(function(){ //让当前得到焦点的文本框改变其背景色$(this).css("background","pink");}); //找到文本框,并注册失去焦点事件$("input:text").blur(function()//让当前失去焦点的文本框背景色变为白色$(this).css("background","white"); }); });/script
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流