我正在使用Chosen jQuery插件,并注意到该change事件仅在页面加载时才起作用,而不是每次input更改字段时.
每次用户更改输入字段的值时,如何使其工作？
这是我的代码:
$("#day").chosen().change({
console.log('working');
});
我错过了什么吗？
我有像下面的数据列表 -
<input id="name" list="allNames" />
<datalist id="allNames">
<option value="Adnan1"/>
<option value="Faizan2"/>
</datalist>
我想要的是,当一个项目被完全输入时(例如在用户完全键入"Adnan1"时输入框中)或从列表中选择,那么我想要一个事件.我尝试了几种方法,但到目前为止两种方法都没有帮助我.方法是 -
$("#name").change(function(){
console.log("change");
}
问题是,当输入失焦时,事件才会被触发,即当我点击屏幕中的某个位置时.
我也试过了
$("#name").bind('change', function () {
console.log('changed');
});
但每次输入时都会触发回调.实际上,当项目被完全选中时,我需要进行AJAX调用.通过输入或从下拉列表中选择.
第一种方法对于用户的观点是不好的,因为他必须进行额外的点击,而第二种方法的缺点是每个字母都会触发一个事件.
我想要的只是当用户做出选择或输入完整句子时的事件.有没有办法实现这个目标？我遗失的任何事件都可以解决我的问题.
我有三个链接,猫,狗,蛇.当我将鼠标悬停在每个链接上时,与每个链接相关的内容应该更改.
因此,如果我将鼠标悬停在猫身上,那么猫的内容将会出现,如果我将鼠标悬停在狗身上,猫的内容将会顺利消失,狗的内容将会出现......依此类推.
Links are: Dog Cat Snake
<div>
<span style="display:none;"> Cat Content</span>
<span style="display:none;"> Dog Content</span>
<span style="display:none;"> Snake Content</span>
</div>
如何让这个完全成熟,有一些平滑的褪色？
为什么以下不起作用:
//iframe:
window.parent.$(document).trigger('complete');
//parent window:
$(document).bind('complete', function(){
alert('Complete');
});
而以下IS工作:
//iframe:
window.parent.$('body').trigger('complete');
//parent window:
$('body').bind('complete', function(){
alert('Complete');
});
？
能否请您给我检测的最好方法只有窗口关闭事件对所有的浏览器的jQuery？
我的意思是单击浏览器上的X按钮或window.close(),而不是F5,表单提交,window.location或链接.我正在寻找许多线程,但没有找到正确的方法.
非常感谢您的支持.
我有一个<input type="text">,我需要在文本框中的文本被更改后调用一个函数(包括在jQuery的keydown和keypress处理程序中执行的操作).
如果我从jQuery处理程序调用我的函数,我会看到在e.target.value添加输入之前的value().因为我不想每次都手动将输入添加到值上,我如何调用我的函数并让它使用更新的值？
我正在计算文本字段中的单词,并在一定数量的单词后,我使用防止默认.在else中,我想重新设置默认命令.
preventDefault()是否具有相反的功能？
以下是一些示例代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>preventDefault</title>
<style type="text/css"></style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
var wordNum = 3;
var input_length;
$("#max").text("max word(s): " + wordNum);
$("#test").keypress(function(event) {
input_length = $.trim($(this).val())
.replace(/\s+/g, " ")
.split(' ').length;
if (input_length > (wordNum - 1)) {
event.preventDefault();
} else {
return true;
}
});
});
</script>
</head>
<body>
<div id="max"></div>
<textarea id="test" cols="20" rows="5"></textarea>
</body>
</html>
它似乎适用于IE,但Firefox并不喜欢它.
当我单击一个复选框时,为什么检查属性没有被添加？你可以在这里看到代码 http://jsfiddle.net/FCrSg/
我想在用户使用twitter bootstrap Typeahead 选择一个值后运行javascript函数
我搜索一些像选定的事件
我有一个选择框的代码,由Chosen jQuery插件显示.我想要实现的是从已选择的当前项获取值:
<div>
<select id="schedule_event" name="schedule[event]" style="display: none; " class="chzn-done"><option value="Game" selected="selected">Game</option>
<option value="Event">Event</option>
<option value="Training">Training</option>
</select>
<div id="schedule_event_chzn" class="chzn-container chzn-container-single chzn-container-active" style="width: 854px; ">
<a href="javascript:void(0)" class="chzn-single chzn-single-with-drop" tabindex="-1">
<span>Game</span>
<div></div>
</a>
<div class="chzn-drop" style="width: 849px; top: 27px; left: 0px; ">
<div class="chzn-search">
<input type="text" autocomplete="off" style="width: 814px; " tabindex="0">
</div>
<ul class="chzn-results">
<li id="schedule_event_chzn_o_0" class="active-result result-selected highlighted" style="">Game</li>
<li id="schedule_event_chzn_o_1" class="active-result" style="">Event</li>
<li id="schedule_event_chzn_o_2" class="active-result" style="">Training</li>
</ul>
</div>
</div>
</div>
我现在用来查找当前值的JavaScript是:
$("#schedule_event").chosen().change( function() {
alert(+ $(this).text());
$('#' + …jquery ×10
jquery-events ×10
javascript ×6
html ×2
onchange ×2
events ×1
firefox ×1
function ×1