站三界导航
首页 jQuery代码Jquery实时监听input输入值

Jquery实时监听input输入值

  • jQuery代码
  • 来源:站三界导航
  • 146阅读
  • 2022-09-27

JQUERY方法: 

方法原型:
$(selector).bind(event,data,function,map)

selector的语法参照jquery选择器语法

参数 描述
event 必需。规定添加到元素的一个或多个事件。

由空格分隔多个事件值。必须是有效的事件。
data 可选。规定传递到函数的额外数据。
function 必需。规定当事件发生时运行的函数。
map 规定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。


$("#room").bind("input propertychange ", function () {
                    alert($(this).val());
                });

测试后以上代码是监听input标签的oninput和onporpertychange事件,参照网上查阅的资料这两个事件必须同时监听,具体原理未深入了解,写在标签属性的写法如下

<input type="text" id="a" oninput="aa()" onporpertychange="aa()" />
<script type="text/JavaScript">
function aa(){alert("inputting!!");}
</script>

此事件只能监听键盘输入的内容,如果是在脚本中改变input的value值不会触发事件

本文结束
本文来自投稿,不代表站三界导航立场,如若转载,请注明出处:https://www.zhansanjie.com/article/details/10510.html

版权声明:

1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

2、本站仅提供信息发布平台,不承担相关法律责任。

3、若侵犯您的版权或隐私,请联系本站管理员删除。

4、本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。

分享
站三界导航
本站声明:本站严格遵守国家相关法律规定,非正规网站一概不予收录。本站所有资料取之于互联网,任何公司或个人参考使用本资料请自辨真伪、后果自负,站三界导航不承担任何责任。在此特别感谢您对站三界导航的支持与厚爱。