失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > php如何动态为input赋值 input动态赋值后怎么触发change事件

php如何动态为input赋值 input动态赋值后怎么触发change事件

时间:2023-10-10 00:38:57

相关推荐

php如何动态为input赋值 input动态赋值后怎么触发change事件

input经常用的事件有oninput与onchange

oninput:事件在用户输入时触发。

onchange:事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发

但是当我们给元素赋值时并不会触发上面的2种事件,如果我们想赋值后触发上面的事件,可以采用下面的方法

一、js 实现方法

var element = document.getElementById("demo")

//element.focus();

element.value = "this is sun222"

//txtChange() 如果只是赋值后执行一个函数,只要调用函数即可

if (element.fireEvent) {

element.fireEvent('onchange');

} else {

ev = document.createEvent("HTMLEvents");

//event.initEvent(eventType,canBubble,cancelable)

//eventType:字符串值,事件的类型

//canBubble:事件是否冒泡

//cancelable:是否可以用preventDefault()方法取消事件

ev.initEvent("change", false, true);

element.dispatchEvent(ev);

}

function txtChange(a) {

alert(a.value);

}

二、jQuery实现方法

$(document).ready(function() {

$("#demo").change(function() {

alert("hi")

})

//$("#demo").val("this is lily").change() 此种方法可以,下面的方法也可以

$("#demo").val("this is lily111")

$("#demo").trigger("change")

})

如果觉得《php如何动态为input赋值 input动态赋值后怎么触发change事件》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。