首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    input填充提示文字

    很多时候我们发现input输入框里有提示文字,当我们输入内容后,提示文字消失,不输入内容,提示文字出现,这里我来介绍两种方式来实现。...第一种方式是通过js的方式来实现,首先我们从input的获取焦点和失去焦点两个事件,预先将提示文字写在input的value值里,例如,...这样我们在看到的效果里就会是文本框里有我是提示文字的文字了,当我们点击文本框即文本框获取到了焦点,这时将value的值设置为空,例如: function removeWenzi(){ $("#inp").val(""); } 这时input...如果没有输入则出现提示文字,否则不出现,例如: function addWenzi(){ if($("inp").val()==""){ $("inp").val("我是提示文字"); } } 这时,input...input添加placeholder,例如即可,效果和上面的那种方法大体相同。

    2.4K20

    jsInput事件

    Input Event常用事件触发的先后顺序如下: 1 keydown 2 keypress 3 textInput 4 input 5 keyup keydown,keyup 1 全部浏览器支持 2...返回键盘上按键对应的ASCII码 (IE8-,Opera) textInput 1 IE9+,Chrome,Safari支持,别的浏览器不支持 2 在文本插入文本框之前触发,便于检查拦截用户输入使用 3 在input...:text,input:password,input:search,textarea以及元素是contentEditable模式时支持触发此事件 4 event.data,返回用户输入的文本 (如果按键是...s,那么返回s; 如果按键是s+Shift,那么返回S) 5 IE9中事件名为textinput(全小写,其它浏览器中I需要大写) input 1 IE9+,Firefox,Chrome,Safari,...Opera支持 2 在内容变化时,实时触发 3 在input:text,input:password,input:search,textarea支持触发此事件,在内容变化时,实时触发 (与onchange

    10.3K30

    input获取焦点 原生js_原生jsinput事件

    1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空。...3.onchange 当input失去焦点并且它的value值发生变化时触发,个人感觉可以用于注册时的确认密码。...4.onkeydown 按下按键时的事件触发, 5.onkeyup 当按键抬起的时候触发的事件,在该事件触发之前一定触发了onkeydown事件–相当于一个按键,两个事件,没怎么用过 6.onclick...主要是用于 input type=button,input作为一个按钮使用时的鼠标点击事件 7.onselect 当input里的内容文本被选中后执行,只要选择了就会触发,不是全部选中 8.oninput...当input的value值发生变化时就会触发,(与onchange的区别是不用等到失去焦点就可以触发了) 使用方法: 以上事件可以直接放到input的属性里,例如: 1 , 可以通过jsinput

    25.7K60

    jquery怎么循环出来的列表(类似于text框)取值和赋值

    页面代码是这样的: <button...是的,我点击第二个按钮,生成的验证码是在第一个上面显示的,很头疼,所以就问了我朋友这块怎么处理比较合适, 直接上代码: <input type="text" readonly="true" style...ok简单的总结一下,这次出现这样的问题,原因很简单,是因为自己对jquery的操作还不是很明白,其实一个元素 加一个id的时候,只要是将id设置为双引号引起来的,那么jquery就会认为你的是定值,只有将变量...id才是可以不 同的元素赋值的,id后面的是根据需要来判断是不是需要加引号的。...这个是需要记住的,然后就是ajax传数据的时候, 拼接字符串的时候一定要注意,不要写错了,一旦写错了,后果就是取值赋值失败!

    2.1K20
    领券