input onfocus

英语专八转前端，在家学习ing
有个小伙伴问，如何修改input输入时的背景颜色。
这里贴出用jquery和原生js写的解决办法。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>focus</title>
</head>
<body>
<input type="text" id="focusStyle">
<script src="jquery-3.2.1.min.js"></script>
<script>
//   $("#focusStyle").focus(function(){//       $(this).css("background","red")
//    })
//    原生focusStyle.onfocus=function(){this.style.background="red"}
</script>
</body>
</html>

以上代码仅为实现小伙伴提出的问题。不考虑事件代理和性能问题。

input onfocus相关推荐

html input onfocus
<input type="text" value="请输入内容" οnfοcus="javascript:if(this.value=='请输入 ...
input的各种事件
1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空. 3.onc ...
input框聚焦时，提示文字上移
如图所示,期望实现下图效果当input框聚焦时,提示词上移且样式改变,如果input输入了值,则提示词不还原位置,如果不存在,提示词还原位置. 思路: 移动词为label,当input.onfocu ...
input标签的事件汇总
我在做一个注册时用到了,在网上查的,比较碎.就汇总了下, 1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点 ...
【input】输入框事件总结
input标签事件总结最近在维护MES相关的系统,好家伙,接手就来个BUG,前端的关于input输入框的输入内容的输入内容事件失效的问题, 正好进行学习并汇总一.在Html中input输入框相关事 ...
input获取焦点原生js_原生js的input事件
1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空. 3.o ...
JavaScript连载36-上传文件以及获取input表单焦点
一.表单标签焦点 <input type="text" placeholder="请输入姓名"><script>window.onloa ...
原生js自动完成 [转]
本来想用jquery的autocomplete的,可是需求有些变化,打算改源码,进了源码发现,改起来要的时间太长了,毕竟不是自己写的,改起来慢,在网上开始大肆搜罗资料,终于找到了类似的本文转自htt ...
Browser Security-超文本标记语言（HTML）
重要的4个规则: 1 &符号不应该出现在HTML的大部分节点中. 2 尖括号<>是不应该出现在标签内的,除非为引号引用. 3 在text节点里面,<左尖括号有很大的危害. 4 ...
单击时选择HTML文本输入中的所有文本
我有以下代码在HTML网页中显示文本框. <input type="text" id="userid" name="userid" v ...

input onfocus

input onfocus相关推荐

最新文章

热门文章