标签: javascript-events
如何遍历无序列表,然后选择列表项的父div
我有一份我需要验证的radiobox选择问题列表.
<ul>
<li>
<div class="question">Question1
<ul id="choice11">
<li><input type=radio name="choice1" value="1" /> </li>
<li><input type=radio name="choice1" value="2" /> </li>
<li><input type=radio name="choice1" value="2" /> </li>
</ul>
</div>
</li>
<li>
<div class="question">Question2
<ul id="choice">
<li><input type=radio name="choice2" value="1" /> </li>
<li><input type=radio name="choice2" value="2" /> </li>
<li><input type=radio name="choice2" value="3" /> </li>
</ul>
</div>
</li>
<li>
<div class="question">Question3
<ul id="choice3">
<li><input type=radio name="choice3" value="1" /> </li>
<li><input type=radio name="choice3" value="2" /> </li>
<li><input type=radio name="choice3" value="3" /> </li>
</ul>
</div>
</li> …0
推荐指数
推荐指数
1
解决办法
解决办法
283
查看次数
查看次数
onClick事件不是触发函数
我有以下脚本,尝试更改div的颜色,单击时,id为包装器.我尝试了以下内容的变体,但看不出问题.on click事件不会触发该功能.我尝试将背景颜色更改为backgroundColor,这没有什么区别.我知道我在这里使用全局变量,请忽略该部分:
var wrapper;
function wrapperColorToCoral () {
wrapper.setAttribute('style', 'background-color:LightCoral;');
}
function wrapperColorToGreen () {
wrapper.setAttribute('style', 'background-color:LightGreen;');
}
function colorChange () {
//if (wrapper.getAttribute('style', 'background-color:LightCoral;') === true) {
if (wrapper.style != 'background-color:LightGreen;') {
wrapperColorToGreen();
}
else {
wrapperColorToCoral();
}
}
// INIT FUNCTION
function init () {
wrapper = document.getElementById('wrapper');
wrapper.onClick = colorChange();
}
window.onload = init;
谢谢您的帮助
编辑(工作 - 谢谢昆汀):
var wrapper
function wrapperColorToCoral () {
wrapper.style.backgroundColor="LightCoral";
}
function wrapperColorToGreen () {
wrapper.style.backgroundColor="LightGreen";
}
function colorChange () {
if …0
推荐指数
推荐指数
1
解决办法
解决办法
175
查看次数
查看次数
如何在执行时停止jQuery动画
这是我的示例代码.下面我解释一下我的问题:
<script type="text/javascript" src="jquery.min-1.10.1.js"></script>
<script type="text/javascript" src="jquery.animate-colors.js"></script>
<script type="text/javascript">
$(function () {
$("a").mouseover(function (){
$("a").animate({color: "#eee"});
});
$("a").mouseleave(function () {
$('a').animate({color: '#000'});
});
});
</script>
<a href="javascript:;">Hover Me</a>
说明:
当我将鼠标悬停在某个项目上时,每次通过鼠标时都会连续执行该操作,我不希望在执行操作时再次运行.我能为此推荐什么？
0
推荐指数
推荐指数
1
解决办法
解决办法
126
查看次数
查看次数
addEventListener类型'click'实际上就像'load'
大家,早安,
我目前正在尝试在网页上添加一点动态,所以我决定使用事件监听器加载外部页面而不重新加载所有页面.
从这一点开始,我做了以下测试页面内容:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<link type="text/css" rel="stylesheet" media="all" href="./assets/css/style.css">
</head>
<body>
<header>
<nav>
<ul>
<li><h1>Tagline of the page</h1></li>
<li id="login"><h1><a href="#" id="authentication">Classic Authentication</a></h1></li>
</ul>
</nav>
</header>
<section id='messages'>
<p class="title">I'm sorry dave, but you can't access this facility right now!</p>
</section>
<script src="/assets/scripts/ajax.js"></script>
</body>
</html>
使用Javascript:
function loadview(url, id) {
var xhr_object = null;
if (window.XMLHttpRequest) {
xhr_object = new XMLHttpRequest();
xhr_object.open("GET", url, true);
xhr_object.onreadystatechange = function(){
if (xhr_object.readyState …0
推荐指数
推荐指数
1
解决办法
解决办法
593
查看次数
查看次数
使用变量在循环中调用addEventListener
我是JavaScript的新手.我有6个元素,我想配备非常相似的事件监听器.我有一个工作强力解决方案,我想改进,但(我认为)我有Java Script关闭的麻烦.
工作代码:
elem = document.getElementById("court1button");
elem.addEventListener("click", wassern_id1, false);
elem = document.getElementById("court1xbutton");
elem.addEventListener("click", abbrechen_id1, false);
elem = document.getElementById("court2button");
elem.addEventListener("click", wassern_id2, false);
elem = document.getElementById("court2xbutton");
elem.addEventListener("click", abbrechen_id2, false);
... 4 more times ...
function wassern_id1(event) {
wassern(1, event)
}
function wassern_id2(event) {
wassern(2, event)
}
... 4 more times ...
function abbrechen_id1(event) {
abbrechen(1, event)
}
function abbrechen_id2(event) {
abbrechen(2, event)
}
... 4 more times ...
function wassern(id, event) { ...
function abbrechen(id, event) { ...
当我找到/sf/answers/176442171/并理解为什么它无法工作时,我是一个无效的简单循环.然后我提出了以下代码,这些代码也不起作用,但现在我现在更长时间理解为什么它不起作用.有人可以向我解释并帮助我创建工作代码吗？
for …0
推荐指数
推荐指数
1
解决办法
解决办法
3316
查看次数
查看次数
Javascript事件不适用于ajax调用
我有一个页面使用JS来绑定一些事件处理程序,然后进行AJAX调用.一切正常,直到AJAX运行,但在那之后,我的所有事件处理程序都停止工作.有谁知道为什么会这样？
我没有发布我的AJAX代码,因为它超过了最大长度,我不确定它的哪些部分是相关的.
<div class="div_mem"> eee </div>
<script type="text/javascript">
$(document).ready(function () {
$(".div_mem")
.mouseover(function () {
$(this).css({ "background-color": "#101010" });
})
.mouseout(function () {
$(this).css({ "background-color": "" });
});
});
</script>
0
推荐指数
推荐指数
1
解决办法
解决办法
276
查看次数
查看次数
如何在Javascript/jQuery中接收事件变量？
这感觉就像一个业余的问题,但你如何在Javascript/jQuery的自定义函数中接受一个事件？
现在我正在使用这个:
$(".button").on("click", function(event){
removeButton();
});
function removeButton() {
$(this).removeClass("specifiedClass");
}
我试图removeButton()理解我希望它删除.button自身的类.
我不确定如何removeButton()参加比赛,但我尝试过:
$(".button").on("click", function(event){
removeButton(event);
});
function removeButton(event) {
$(this).removeClass("specifiedClass");
}
但它不起作用.有谁知道怎么样？
0
推荐指数
推荐指数
1
解决办法
解决办法
909
查看次数
查看次数
简单的.on('keydown')jQuery事件在按下下一个键之前没有响应
我正在为朋友制作一个页面,并且我有一个隐藏的文本字段,当用户键入文本时,将其转换为div,使其看起来像是在屏幕上而不是在输入字段中键入.
以下是该页面的链接:http://merkd.com/godis.php
这是我用来响应击键的函数:
$('#hiddenInput').keydown(function() {
var input = $('#hiddenInput').val();
var html = '<div style="float: left;">'+input+'</div><div id="cursor">|</div>';
$('#typingArea').html(html);
});
文本字段现在可见,以便您可以看到问题.输入或删除文本时,直到下一次按键才会响应.因此,如果我输入一个字母,在输入下一个字母之前不会显示任何内容.
我查看了jQuery .on()文档,但我找不到任何相关内容.任何帮助深表感谢.
PS我知道它应该是一个单独的问题,但是有一种简单的方法可以使文本字段始终处于焦点状态吗？我想这样做,无论用户点击的位置或其他什么,如果他们键入,文本仍将显示.
0
推荐指数
推荐指数
1
解决办法
解决办法
296
查看次数
查看次数
vAxis值在条形图中不可见:Google Charts
我的垂直轴值不可见,如图所示
.我的代码可能有什么问题？
function drawVisualization() {
google.visualization.drawChart({
containerId: 'visualization',
dataSourceUrl: 'http://www.google.com/fusiontables/gvizdata?tq=',
query: 'SELECT Environment, GirlPupils, BoyPupils, FemaleTeachers, MaleTeachers FROM 1eC4sIAgVXfFj01mOM2cDiyW2nly7TcFeIXj1G3s',
chartType: 'BarChart',
options: {
title: 'Number of Students and Teachers',
vAxis: {
title: 'Environment'
},
hAxis: {
title: 'Number'
}
}
});
}
javascript google-visualization javascript-events google-fusion-tables
0
推荐指数
推荐指数
1
解决办法
解决办法
1233
查看次数
查看次数
鼠标事件从绝对定位的元素冒泡
我有这个:
<div id="parent">
<div id="child">
</div>
</div>
$(document).ready(function() {
$('#parent').on('mouseout', function() {
alert('Mouse out!');
});
});
现在,当我将鼠标移动到蓝色块上并将其移出某处时,一切正常.但是当我将鼠标移动到蓝色块上然后再移动到红色块上时,也会触发mouseout事件.为什么会发生这种情况？如何在实际将鼠标移出块时才能发生mouseout事件？
0
推荐指数
推荐指数
1
解决办法
解决办法
443
查看次数
查看次数