jquery input change事件 获取data数据

最新推荐文章于 2024-02-06 15:10:24 发布
最新推荐文章于 2024-02-06 15:10:24 发布
阅读量702 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hexiaoniao/article/details/118805998
版权

前端开发 JavaScript jQuery 数据绑定 DOM操作
关键词由CSDN通过智能技术生成 
<input type="text" οnchange="scorebox(this);" class="scorebox form-control" name="score"  number="true" value="" maxlength="100" data-stuid="1" data-field="score">

function scorebox(obj){
    console.log(obj);
    var stuid = $(obj).data('stuid');
    var field = $(obj).data('field');
    alert(stuid);
    alert(field);
}

对象转jq $() 

 

 

hexiaoniao
关注
jQuery不兼容input的change事件问题解决过程
12-09
最近开发一个项目，需要实现用户在WEB表单里的多个INPUT框中输入数量后，立即自动计算加总各项输入的数量之和，并显示在指定的INPUT框中，这个功能实现的原理是简单的，就是只需要在INPUT的onchange事件中计算加总并将结果赋给指定的INPUT框中即可实现，代码如下： 代码如下: $(“input.syxcost”).change(function(){    computeReceivedsyxcost(); } function computeReceivedsyxcost(){  //计算加总               var syxcost=0;              
input输入框的change事件
weixin_34406796的博客
12-28 1416
input输入框的change事件，要在input失去焦点的时候才会触发$('input[name=myInput]').change(function(){...});在输入框内容变化的时候不会触发change，当鼠标在其他地方点一下才会触发用下面的方法会生效，input$("#input_id").on('input',function(e){alert(...
jquery input change事件
liyanlei的专栏
04-11 1195
input输入框的change事件，要在input失去焦点的时候才会触发 $('input[name=myInput]').change(function() { ... });在输入框内容变化的时候不会触发change，当鼠标在其他地方点一下才会触发 用下面的方法会生效(已试过，确实能生效)，input [html] view plain copy
jQuery事件--change([[data],fn])、on(events,[selector],[data],fn)和hover([over,]out)
anqi771129的博客
12-04 1028
change([[data],fn]) 概述 当元素的值发生改变时，会发生 change 事件。 该事件仅适用于文本域（text field），以及 textarea 和 select 元素。当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生 参数...
jquery 的input change事件
nzz_1214
10-20 1472
$('input[name=myinput]').change(function(){ ... }) 上面这种方法要在其他地方点击一下才能触发该事件 下面是在其他地方点一下才能触发 $("#input_id").on("input",function(e){ alert($(this).val()) })
jquery实现input输入框实时输入触发事件代码
12-04
在本例中，我们探讨的是如何使用 jQuery 来实现在输入框(input)中实时输入时触发特定事件的功能。这对于构建动态交互的用户界面，如搜索建议、实时验证或数据过滤等场景非常有用。 首先，让我们分析提供的代码： 1...
让input框实现类似百度的搜索提示(基于jquery事件监听)
01-19
需求：实现带提示的input框，类似百度搜索，有改动的时候去获取常用关键词，数据来源于系统数据库，支持鼠标选择或键盘选择 思路：框架一贯思路，通过class作为监听入口，通过data作为数据传递；通过监听input和...
jQuery/JS监听input输入框值变化实例
12-13
input事件： onchange： 1、要在 input 失去焦点的时候才会触发； 2、在输入框内容变化的时候不会触发change，当鼠标在其他地方点一下才会触发； 3、onchange event 所有主要浏览器都支持； 4、onchange 属性可以...
jquery input change事件实时动态打印显示里面的值
u011436748的博客
12-28 526
<script> $("#searchTable").on('input', function (e) { console.log($(this).val()); }); .
jq——监听input组件type=“radio“单选框的change事件——基础积累
yehaocheng520的博客
02-01 5514
jq——监听input组件type="radio"单选框的change事件——基础积累
关于jQuery中给input赋值，手动触发它的change事件却没反应的问题
weixin_43165220的博客
06-16 4706
我在js文件中，通过$(parent.frames[“commonViewContent”].contentDocument).find("[name=‘inputName’]");拿到了我要赋值的input。 var $commonViewContent=$(parent.frames["commonViewContent"].contentDocument); var $input = $commonViewContent.find("[name='inputName']"); $input.val(v
JavaScript监听change和input事件
最新发布
爱蹦跶的全栈大A阿
02-06 2380
在网页开发中,我们常需要对表单进行验证或增加额外交互逻辑。实现这些功能的关键就是能实时捕获表单元素的值变化。本文我们将具体讨论监听表单变化的两种事件:change和input事件,以及这两者的区别和应用场景。​change事件是在值改变且失去焦点后触发input事件是在值每次改变时立即触发根据需要选择合适的事件,input用于实时响应,change用于在终端变化时执行这样我们就可以根据具体场景选择合适的change或input事件来响应表单元素值的变化。
vue给input file绑定函数获取当前上传的对象
weixin_34144848的博客
12-15 1592
HTML &lt;input type="file" @change="tirggerFile($event)"&gt; JS(vue-methods) tirggerFile : function (event) { var file = event.target.files; // (利用console.log输出看结构就知道如何处理档案资料) // do something...
通过input框的@change获取值
qq_40844960的博客
06-24 1353
input框的@change获取值
jq实现下拉框的change事件获取选中的值
想好了再写！
03-26 2766
jq获取选中的value值 　<select name="" id="sel"> <option value="" selected hidden>请选择输入方式</option> <option value="电话">电话</option> <option value="微信">微信</option> <option value="QQ">QQ</option> <opti
vue +elementui 给 input 动态赋值
虚无缥缈
07-06 3263
vue+ elementui 动态给input赋值
jquery change() 监听readonly 的 input
05-28
如果 input 元素的 `readonly` 属性为 `true`，则不能直接修改其 value 值，但可以通过其他方式来改变它，例如通过 JavaScript 或 jQuery 来修改其 value 值。虽然 `change()` 方法可以监听 input 元素的 value 值变化，但它无法监听 `readonly` 属性元素的 value 值变化。 因此，我们可以使用 `setInterval()` 方法来定时检测 input 元素的 value 值是否有变化，或者使用 `MutationObserver` 来监听 input 元素的属性变化。 例如，使用 `setInterval()` 方法： ```javascript var previousValue = $('input[readonly]').val(); setInterval(function() { var currentValue = $('input[readonly]').val(); if(currentValue !== previousValue) { console.log('input的value值变化了'); previousValue = currentValue; } }, 100); // 每100毫秒检测一次 ``` 这里使用了一个变量 `previousValue` 来存储上一次检测到的 value 值，然后使用 `setInterval()` 方法每隔一定时间检测一次 value 值是否有变化，如果变化了就触发相应的回调函数。 或者，使用 `MutationObserver` 方法： ```javascript var targetNode = $('input[readonly]').get(0); var observer = new MutationObserver(function() { console.log('input的value值变化了'); }); var config = { attributes: true, childList: false, characterData: false, attributeFilter: ['value'] }; observer.observe(targetNode, config); ``` 这里使用了 `MutationObserver` 方法来监听 input 元素的属性变化，其中 `attributes` 属性设置为 `true` 表示要监听属性变化，`attributeFilter` 属性设置为 `['value']` 表示要监听 value 属性的变化。每次监听到 value 值变化时，就会触发相应的回调函数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值