首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

LayUI switch 开关监听 获取属性更改状态

背景 今天在设计页面时,想使用一下 LayUI 的 switch 控件,在需要更改状态的时候进行 ajax请求传输 需要获取其中的自定义属性,同时根据服务器返回数据进行状态的更改 通过参考文档及网友的经验...①. html 代码参考 着重注意 我设置的两个属性 lay-filter,switch_goods_id <input type="checkbox" class="switch_checked"...$vo['goods_id']}" lay-skin="switch" {$vo['status_checked']} lay-text="上架|下架"> ②. js...核心代码参考 以我的设计思路,需要获取当前需要更改状态的商品ID,然后通过ajax回调数据,判断是否执行 “确定” 按钮后的状态改变即可 layui.use(['form'], function ()...参考文章: layui switch 开关监听 弹出确定状态转换

19.2K20

input 事件监听

1、change事件,在input失去焦点才会考虑触发,它的缺点是无法实时响应,与blur事件有着相似的功能,但与blur事件不同的是,change事件在输入框的未改变时并不会触发,当输入框的和上一次的不同...2、input事件,需要实时检测input输入框的的时候,就需要用到h5的新事件:input事件了,input事件可以实现对input输入框的实时监控,只要input输入框发生改变就会触发,但因为是...h5的新事件,应此需要考虑兼容性问题,ie9以下的浏览器并没有实现这个事件, 3、propertychange事件,这个事件是在input的属性发生改变时触发,而输入框的就是input的value属性...,应此可以用其来监听输入数据的改变。...propertychange事件实时触发,即每增加一个字符或者删除一个字符就会触发,通过js也会触发(任何属性改变),但是该事件为ie专有input是ie之外大多数浏览器支持的事件,在value改变时触发

4.3K20
您找到你想要的搜索结果了吗?
是的
没有找到

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.1K30

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

1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空。...3.onchange 当input失去焦点并且它的value发生变化时触发,个人感觉可以用于注册时的确认密码。...type=button,input作为一个按钮使用时的鼠标点击事件 7.onselect 当input里的内容文本被选中后执行,只要选择了就会触发,不是全部选中 8.oninput 当input的...value发生变化时就会触发,(与onchange的区别是不用等到失去焦点就可以触发了) 使用方法: 以上事件可以直接放到input的属性里,例如: 1 , 可以通过jsinput dom元素添加相应的事件..., 2 document.getElementByTagName(‘input’).onfocus = function(); 3 事件监听

25.3K60

React技巧之设置input

~ 总览 在React中,通过按钮点击设置输入框的: 声明一个state变量,用于跟踪输入控件的。...useState 我们使用useState钩子来跟踪输入控件的。...你可以用defaultValue属性给一个不受控制的input传递一个初始。然而,这并不是必须的,如果你不想设置初始,你可以省略这个属性。...当使用不受控制的输入控件时,我们使用ref来访问input元素。useRef()钩子可以被传递一个初始作为参数。该钩子返回一个可变的ref对象,其.current属性被初始化为传递的参数。...换句话说,它几乎是一个带有.current属性的记忆化对象。 需要注意的是,当你改变ref的current属性的时,不会导致重新渲染。每当用户点击按钮时,不受控制的input会被更新。

1.8K10
领券