为什么我不能在这里触发"change“事件？
在这个问答内容中，你提到了一个关于无法触发"change"事件的问题。首先，"change"事件通常用于监听表单元素的值变化，例如输入框、下拉菜单等。然而，无法触发"change"事件可能有多种原因，以下是一些可能的解释：
- 事件绑定问题：首先，确保你已经正确地绑定了"change"事件。在前端开发中，你需要使用合适的事件监听器来绑定事件，例如JavaScript中的addEventListener方法。确保你已经正确地绑定了"change"事件，并且事件处理函数能够正确执行。
- 元素类型不支持"change"事件："change"事件并不是所有元素都支持的。通常，它适用于表单元素，如input、select、textarea等。如果你尝试在非表单元素上触发"change"事件，它是不会生效的。请确保你正在操作支持"change"事件的元素。
- 值没有发生实际变化："change"事件只会在元素的值发生实际变化时触发。如果你尝试在一个值没有变化的元素上触发"change"事件，它也不会生效。请确保你的操作确实导致了元素值的变化。
- 事件冒泡或捕获问题：事件冒泡和捕获是事件传播的两个阶段。如果你的元素处于一个嵌套的父元素中，并且父元素也绑定了相同的"change"事件，那么可能会出现事件冒泡或捕获的问题。这可能导致你无法在子元素上直接触发"change"事件。你可以尝试停止事件传播，或者检查事件的目标元素是否正确。
总结起来，无法触发"change"事件可能是由于事件绑定问题、元素类型不支持、值没有变化或事件传播问题等原因导致的。请仔细检查你的代码，确保事件绑定正确，并且操作的元素和值都符合预期。
相关·内容
2回答
为什么toggleClass()不能与label元素一起工作？我怎么才能修好它呢？
如果你只点击标签(而不是复选框)，你就会看到颜色没有变化。
$(document).ready(function() {
$('.filter-set label').click(function() {
$(this).toggleClass('active');
});
});
.active {
color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquer
浏览 2提问于2016-02-26得票数 4
回答已采纳
1回答
我已经注意到，当更改由Javascript本身完成时，$('#firstId')的事件并不会触发。
为什么是这种情况？
有什么办法能让这个活动继续进行下去吗？
这里有一个例子：
$('#firstId').on('change input paste', function(){
console.log("this is the input event being fired");
});
$('#randomButton').on('click', function(){
$('
浏览 7提问于2016-11-11得票数 5
回答已采纳
我想识别带有"on“的函数事件，然后运行console.log，但是输入、键控、按键或更改不会调用此更改。
我有写的功能。
function write(){
$("input").val("1");
}
然后，这个检查事件的查询：
$("input").on("change",function(){
console.log('input changed!');
});
write();//it doesnt get the change function
自定义HTML：
<input t
浏览 3提问于2018-04-24得票数 0
回答已采纳
当输入的值被javascript改变时，为什么输入的onChange函数不能被激活？例如，为什么点击按钮时不会发生警报？
<html>
<body>
<input type="text" id="myInput" onchange="alert(1)" />
<button onclick = "document.getElementById('myInput').value = 'ads'">click</button>
</bod
浏览 2提问于2011-10-22得票数 1
回答已采纳
3回答
我在理解jQuery().change()行为方面有一些问题。
HTML基本上是大量的输入元素--复选框(每个复选框都带有id^='o99-post-visible-XXX'的ID )，它们都是纯CSS图像作为复选框，但这是不相关的)，我还有另一个复选框("#o99-check-all")来“选中所有”，还有一个文本输入字段('#o99-post-visible-ids')接收所选框的ID。
jQuery代码如下：
jQuery(document).ready(function() {
jQuery("#o99-check-al
浏览 2提问于2018-03-06得票数 1
回答已采纳
我以前也做过类似的事情，点击一个复选框，然后做一些事情(.parent()等)，但出于某种原因，它这次没有注册。有人知道为什么吗？
$.each( email_list, function( key, value ) {
$("#email_span").after("<tr><td><input type='checkbox' name='member' checked='checked' onclick='check_change(this);' /></td&
浏览 3提问于2014-09-08得票数 11
回答已采纳
2回答
以下代码可以在Firefox中运行，但不能在Chrome和IE中运行。知道为什么吗？谢谢!
$('#image_dd option:selected').live('click', function() {
alert("TEST 1");
if ($("#image_dd").val().length) {
alert("TEST 2");
}
return false;
});
浏览 4提问于2011-05-06得票数 0
回答已采纳
我有这样的代码：
$('#cornercases').val('10')
$('#cornercases').trigger('change',function ()
{
alert("HELLO WORLD");
$('input[name="temp_2"]').val('555');
浏览 3提问于2011-07-08得票数 0
回答已采纳
1回答
我很难从定制的JS中通过Ajax重新加载页面。有一种形式将随着您的选择而改变，这种更改是由Ajax进行的。
我如何从代码中更改选择列表"Leistung“，以便通过Ajax更新价格？
大家都知道，我不能简单地编写$("select").click()；它不能工作。另外，我尝试了.trigger()和.mousedown()，如果我将它用于submit按钮，实际上.mousedown()会工作，但是我想更改选择列表值，但是在那里没有任何工作。
我认为我有两个选项:我可以模拟对select列表的真正单击(我知道我不能这样做)，另一种方法是在更改select列表值之后告诉Aj
浏览 0提问于2016-05-03得票数 1
回答已采纳
2回答
当我使用：$('#rif').val('bla bla bla');设置输入文本的文本时
为什么我在未调用的输入文本上添加一个.change()事件？
浏览 2提问于2011-10-25得票数 0
回答已采纳
3回答
$('document').ready(function(){
$('[name=mycheckbox]').live('click', function(){
if($(this).is(':checked'))
{
alert('it is checked');
}
else
{
alert('it
浏览 4提问于2010-08-16得票数 2
回答已采纳
我有一个dropdown和一个textbox。
我正在将下拉值传递给一个文本框。
我用jquery.dropdown创建的下拉列表。所以我不能直接写一个像$('.dropdown').change(function() {})这样的函数。
现在，我想在文本框更改上编写一个函数。
我试过几种功能。但什么也帮不了我。
它只有当我手动键入或按回车，而集中在文本框。
。
浏览 3提问于2014-03-31得票数 1
回答已采纳
我有两个元素。由于某些原因，我无法触发checkbox上的更改事件，也无法将有关checkbox的新状态的信息传递给event方法。
当事件被调用时，为什么checked属性不能正确显示？
// this works perfectly fine. UI updates. The event method is called and the event e contains the new checked property
$('#mycheckbox').on('change', this.onCheckboxClicked.bind(this));
/
浏览 1提问于2021-03-20得票数 0
我有一个具有输入字段(存储每个对象的价格)的表单，这些字段具有不同的keyup、blur和keypress事件。当用户按tabs键浏览这些字段时，我的JS循环遍历每个输入字段，以检查它是否与以前的值相比发生了变化(并基于此执行计算)。(我尝试使用.change和.keypress事件-不幸的是，它们被设置为在键控之后触发，并且需要在键控之前触发)。
我存储了每个输入的初始值的全局变量数组，并对照该数组检查当前值。但是由于某些原因，当我遍历每个输入并检查它的.val()时，结果是用户当前选择的输入被取消选择。.attr("value")也是如此。我已经进行了充分的调试，知道这个特
浏览 0提问于2013-01-26得票数 2
回答已采纳
我不能让.trigger("change")工作。有人知道为什么吗？
jQuery(document).ready(function () {
jQuery("select[id='DROPDOWNID']").change(function () {
var selectedIndex = jQuery("select[id='DROPDOWNID']").prop('selectedIndex');
switch (selectedIndex) {
浏览 7提问于2013-09-09得票数 20
回答已采纳
3回答
我使用的是带有jquery的onchange event of select box。在更改时，我在其他div中给出了display property = none。问题是，当我从数据库中获取数据并将其设置在选择框中时，因此onchange属性不适用于给定值。为什么？我的代码
<select id="patientType" name="Patient_Type">
<option value="">--SELECT--</option>
<option value="OPD">OP
浏览 3提问于2012-10-31得票数 1
回答已采纳
4回答
我有以下HTML代码：
<select name="test123" id="test123" onchange="testOnchange()">
<option>Chocolate</option>
<option>Candy</option>
<option>Taffy</option>
<option>Caramel</option>
<option>Fudge</option>
&l
浏览 14提问于2015-12-08得票数 16
回答已采纳
2回答
我不知道在这个中，为什么单击label会触发两次滑动动画，而单击复选框会触发一次滑动动画。有人能解释一下吗？谢谢!
我把密码附在这里。
<div ng-app="labelApp" ng-controller="labelCtrl">
<label ng-click="toggle()">
<input type="checkbox">Click to toggle slide</label>
<div id="myDiv">
Cl
浏览 3提问于2016-06-07得票数 1
回答已采纳
1回答
如果您的值是简单的属性值，那么主干模型、.get()和.set()例程都很好。不过，我继承了一个应用程序，其中的值也是JSON对象。
即model.get("key")返回
{start:
{top:5, bottom:6},
end:{...}
}
使用.set()设置这些值中的任何一个都是一个皮塔，因为你必须取出旧的值，做出你想要的改变，然后再把它放回去。也就是说，如果我想要bottom = 7，你不能只做.set("start.bottom",7)。我需要做这样的事情：
var tempValue = model.get("st
浏览 1提问于2013-03-13得票数 2
2回答
我在测试我的JavaScript时遇到问题。我测试的一部分看起来
$('#activityType').val("33");
$('#favorite').click();
$('#activityType')是一个select字段，我希望选择值为"33“的选项。现在我期望，这将是一个改变，所以我在我的程序中的功能就像
$('body').on('change', '.item-select', function() {
var itemRow = $(this).p
浏览 3提问于2015-07-29得票数 1
回答已采纳
我在JSP集中有一个自定义标记STRUTS作为处理日历的标准，我不能在这里设置任何类型的事件。
此标记呈现此HTML：<A onmouseover="return true" href="javascript:ShowCalendar('data')> (..img..) </A>**
当您选择日期上的链接，此更改我的文本框与选定的日期，我需要在这个时刻触发我的事件。
我的textbox struts标签是这个<html:text property="data" styleClass="testo1
浏览 4提问于2017-08-24得票数 0
当我呼叫时，我想清除一个文本框：
$('#textBox').val(''); or $('#textBox').empty();
最初，当我手动备份并将文本从文本框中删除时，on change函数将触发。如果我在上面运行$('#textBox').val('')，on change不会触发：
$(document).ready(function() {
$('#textBox').on('change', function(){
为什么会这样呢？
浏览 1提问于2014-01-17得票数 1
回答已采纳
我有一个带有文本字段的表单，每当用户更改其文本时，我都试图执行一个操作：
<%= form_for @item do |f| %>
<%= f.text_field :title, id: "edit_item_title" %>
<%= f.submit 'Save' %>
<% end %>
在我的coffeescript文件中：
$(document).ready ->
$('#edit_item_title').change ->
alert("Cha
浏览 4提问于2014-12-03得票数 2
回答已采纳
包含此内容的vue.js模板不会在IE11中触发：
<input type="checkbox" v-on:input="blabla()">
blabla()在火狐和Chrome中被调用--只是在IE11中没有。
为什么会这样呢？请参阅此来复制。但是，在IE11中，您将需要，因为IE11中不支持代码依赖编辑器。
使用vue 2.6.10，这是今天的最新版本。
浏览 0提问于2019-06-05得票数 1
回答已采纳
在表更改后，我使用下面的Jquery来计算表列总数。这是正确的工作，即使当我应用搜索过滤器的手。
然而，当我使用下面的代码时，搜索过滤器将被调整并显示根据结果，但是总数不会更新/计数。
Jquery，表更改：
$("table").change(function(){
var element = $(this),
footer = element.find('tfoot tr'),
dataRows = element.find('tbody tr:visible'),
initialTotal = func
浏览 3提问于2015-01-18得票数 1
回答已采纳
5回答
我有以下代码：
On <input type='radio' name='radio' class='radio' value='on'>
Off <input type='radio' name='radio' class='radio' value='off'>
$('.radio').on('change', function() {
alert( $(this).val() )
}).trigg
浏览 5提问于2018-12-24得票数 6
回答已采纳
我正在尝试引发一个事件，以便在页面加载时打开selectList。有可能吗？
谢谢
编辑。
好的，我会试着解释一下我有一个像这样的selectList：
<select id="myID" name="myName">
<option value=""></option>
<option value="CL">Option1</option>
<option value="CM">Option2</option&
浏览 0提问于2012-04-03得票数 0
2回答
也有类似的问题。:)
<input type="text" name="npcolor" id="npcolor" size="9" maxlength="9" value="<?=$userinfo->npcolor?>" onchange="change_npcolor()" readonly />
<input type="text" ID="np_sample" size="2" value=
浏览 4提问于2011-02-19得票数 1
不太清楚该如何解释，但这是。
我有一个基于复选框隐藏/显示的函数：
$("#checkbox").change(change_visibility);
function change_visibility() {
if ($("#checkbox").is(":checked")) {
$("#theForm").fadeTo("opacity", "1", function() {
//End Animation
});
} else
浏览 9提问于2011-08-17得票数 2
回答已采纳
这是一个非常简单的问题，但我是第一次开始使用jQuery ...
问题是:为什么这个函数不能触发？
$('#compare').mergely('get', 'rhs').on('change', function() {
alert("The text has been changed.");
});
谢谢。
浏览 0提问于2013-05-25得票数 0
回答已采纳
1回答
在花了一段时间试图找出日期选择器之后，我很难找到造成这个问题的原因。问题是，我提交的日期选择器提交的表单值与显示的日期不一致。我有DD/MM/YYYY格式的日期，并希望所有的日期输入(通过日历编写和选择)都是这个值。但是，提交的日期是用户写入的格式，或者是YYYY-MM-DD格式，但不一致。
因此，我不能真正使用提交的日期，因为在使用strtotime时，它会格式化为错误的日期，等等。
我已经以以下方式添加了日期时间选择器：
<input type='text' class="form-control" id='datetimepicker1
浏览 5提问于2017-01-04得票数 1
回答已采纳
2回答
假设我们有以下标记：
<form>
<button type="button" id="all">check all</button>
<button type="button" id="none">check none</button>
<input type="checkbox" value="one" />
<input type="checkbox" value=&#
浏览 0提问于2012-06-05得票数 0
回答已采纳
我有这段js代码，它可以更改当前的select选项。
var val1 = 0;
var sel = document.querySelector('#select_option');
var opts = sel.options;
for (var opt, j = 0; opt = opts[j]; j++) {
if (opt.index == val1) {
sel.selectedIndex = j;
break;
浏览 0提问于2020-12-13得票数 0
关于我关于的另一个问题
我有我的模特
var Client = Backbone.Model.extend({
idAttribute: 'ip'
});
var Colony = Backbone.Collection.extend({
url: '/presence/knock',
model: Client
});
我也试过
var Client = Backbone.Model.extend({
ipAttribute: function(){
return this.options.ip
}
})
浏览 2提问于2013-09-27得票数 0
回答已采纳
我认为在表单输入中劫持空格键是一件很简单的事情，这样它就可以像连字符一样工作。一般来说，jQuery让这样的事情变得非常简单。
我尝试的代码是这样的：
$("#StreamUrl").keydown(function (e) {
if (e.keyCode == 32) return 109;
});
但这并没有任何效果。我尝试了一个更简单的脚本：
$("#StreamUrl").keydown(function (e) {
//if (e.keyCode == 32
浏览 1提问于2010-10-05得票数 14
回答已采纳
在下面的示例中，textbox有一个关联的ngModel绑定以及一个更改函数：
<input type="text" [(ngModel)] = "typedText" (change)="calculateTextLength()" />
在我有限的经验中，"calculateTextLength()“函数只有在输入文本在"typedText”变量中更新之后才被调用。
我能知道这些是否有优先顺序吗？
浏览 2提问于2021-01-07得票数 2
回答已采纳
1回答
我使用自动建议插件和选项onSelect --该选项将值更改为其他字段。当我选择第一次条目时，一切都很好，但是当我第二次使用类.auto单击输入字段(其中已经有项)时，函数onSelect比函数单击更快，这给了我需要更新字段的ID。这个看起来是这样的：
function dajjson() {
$('.auto').click(function () {
koji = $(this).attr('data-ajdi5');
console.log(koji);
});
$.ajax({
ur
浏览 3提问于2015-05-20得票数 1
回答已采纳
2回答
我还有一个输入框-- ibox2，在同一个页面上。
问题--在对ibox1执行任何操作并将长度大于5的值保留在那里之后，如果我开始在ibox2中键入，焦点就会跳回ibox1。
这是if循环与ibox1.focus()正在做的事情。如何在单击外部时从ibox1中完全移除焦点，并取消if循环及其语句的无效。
我试过blur，但没有成功。
var ibox1 = $("#inputbox1");
$(document).on("change", ibox1,function(e) {
var valu = ibox1.val();
if(valu.
浏览 0提问于2019-03-17得票数 4
回答已采纳
1回答
我使用jQuery滑块来更改输入的值。
div#slider
input#amount
我使用输入的值来执行一些数学操作：
$("input#amount").change(function() {
...
问题是，当我在输入中输入一些值时，它工作得很好，但是使用滑块时，这个值似乎会改变，但是没有执行任何计算。
小提琴手：
为什么/如何解决这个问题？
谢谢！
浏览 3提问于2014-11-24得票数 0
回答已采纳
我感兴趣的是为什么它不能工作，我在不同的jQuery版本中尝试过。
这里有把小提琴：
$('#override').on('focus', function(e) {
$(this).blur();
if($(this).is(":checked")) {
if(!confirm('You will lose any changes you have made if you proceed?')) {
e.preventDefault();
retur
浏览 1提问于2015-05-03得票数 1
我试图使用JavaScript事件来检查JSDOM中的输入复选框。
<input type="checkbox" id="foo" />
但是，我似乎无法通过在上面发送一个事件来检查它自己：
var evt = document.createEvent("HTMLEvents");
evt.initEvent("click", false, true);
document.querySelector('#foo').dispatchEvent(evt)
但是，当我使用jQuery的.trigger(&#
浏览 2提问于2014-01-24得票数 4
我有一个输入字段type="hidden"，它由javascript本身更改。
当此字段更改时，我希望触发一个事件/函数。
试过这个：
$(".product_id").on("change paste keyup input", function(event){alert('1');});
$(".product_id").blur(function(event){alert('1');});
$(".product_id").keypress(function(event){al
浏览 2提问于2016-12-26得票数 2
回答已采纳
4回答
我已经创建了一个非常精简的代码版本。即使是苗条的版本，我似乎也无法让我的JQuery在Safari或Chrome中工作。在火狐上工作很好。
看看这里：
我是不是对jQuery(document).ready(function ($) {});做错了什么？
我不明白为什么连点击/警报也不能工作，也就是说我假设是那条线？
任何帮助都将是非常感谢的，当涉及到jQuery或Javascript时，我仍然是个新手。
编辑:我的目标是将选项值附加到url，也就是说这是我所拥有的，但是这个或小提琴都不适合我使用chrome或safari，我不确定这是不是我做错了什么：
jQuery(document).re
浏览 0提问于2014-02-14得票数 0
回答已采纳
我编写了这段javascript/jQuery代码来更改复选框。
Javascript
$(function() {
$("a").click(function() {
if ($("input[type='checkbox']").attr('checked') == "checked")
$("input[type='checkbox']").removeAttr('checked');
else
浏览 1提问于2012-04-15得票数 25
回答已采纳
当我在网上找到javascript代码时，我正试图验证一个密码字段。有人能解释一下" onchange“是什么时候触发的吗?当我用onchange替换onkeyup ( javascript代码中的最后两行)时，为什么代码不能工作？ function validatePassword(){
if(password.value != confirm_password.value) {
confirm_password.setCustomValidity("Passwords Don't Match"
浏览 51提问于2020-10-22得票数 0
回答已采纳
1回答
例如，当输入的文本与另一个输入(例如，datepicker )发生更改时，如何将操作放在输入上。当我从datepicker点击日期时，我试着把这个动作放进去，但是它不起作用。有什么建议吗？下面是我的代码示例：
datePicker = $("#birthday").datepicker({
maxDate : "0d",
showOtherMonths : true,
selectOtherMonths : true,
changeYear : true,
changeMonth :
浏览 0提问于2015-07-22得票数 1
考虑
HTML：
<input type='checkbox' />
<div>Click here</div>
JS：
$(function() {
$('input').click(function() {
document.write($(this).is(':checked') ? "checked" : "unckecked");
});
$('div').click(function() {
$(
浏览 1提问于2010-09-10得票数 10
回答已采纳
我创建了一个自定义的Kendo小部件，它将是一个由其他几个小部件组成的复合控件。除了启用MVVM之外，我已经让所有东西都正常工作了，特别是当控件更新时，我不能让视图模型的值更新。但是，如果我直接更新视图模型，控件的值就会更新，而不是反过来。它需要是双向的。我给出了这个问题的一个例子：
任何帮助都将不胜感激！
浏览 0提问于2013-06-07得票数 3
我在页面上有一个单独的组件，(有条件地)更新Kendo。当用户单击一行时.我希望触发更改事件。然而，它目前并没有开火。
为什么变更事件没有触发？
DOJO:
我创建了支持这个问题的。
谢谢
浏览 1提问于2018-02-09得票数 0
回答已采纳
2回答
执行绑定时的WinJS通知
、、、、
在我的windows 8 WinJS应用程序中，我有一个用viewModel填充的视图。ViewModel包含可观察的属性(通过WinJS.Binding.as)，该属性绑定到我的HTML视图中的文本输入。当我从我的viewModel中更改此属性的值时，文本输入的值会发生变化，但是该文本输入的"onchange“事件不会被触发。
是否有办法知道执行绑定的确切时刻？为什么“一次性更改”事件没有被触发？我想对视图后面的viewModel代码中的视图所做的更改做出反应。
浏览 2提问于2013-08-20得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
