标签: javascript-events

如何获取jquery生成的单选按钮的值

我试图获取由jquery生成的单选按钮的值.我认为通话事件存在一些问题.这是我的代码.

HTML

<div id="divOption1"></div>
Run Code Online (Sandbox Code Playgroud)

Jquery单选按钮生成

document.getElementById('divOption1').innerHTML = '<input id="option1" type="radio" value="1"/> '+ questions[currentQuestion]['option1'];
Run Code Online (Sandbox Code Playgroud)

在这里我调用jquery函数来获取单选按钮值

$("#option1").click(function (){
        alert($(this).val());
    })
Run Code Online (Sandbox Code Playgroud)

帮我弄清问题在哪里.并告诉我为什么在生成jquery Html并附加到网页时不调用事件?

html javascript jquery javascript-events

0
推荐指数
1
解决办法
776
查看次数

如何按元素名称获取输入类型

有没有办法通过元素名称获得输入类型

<form name="formQuestionnaire">
    <input name="age" type="radio" id="age-1" />
    <input name="age" type="radio" id="age-2" />
</form>

document.forms['formQuestionnaire'].elements['age']
Run Code Online (Sandbox Code Playgroud)

返回收音机/复选框/文字

javascript javascript-events

0
推荐指数
1
解决办法
8279
查看次数

在滚动上更改图像

在我的网站上是一个固定的图像.该图像应该是"动画的",这意味着应该迭代动画的单个帧.因此,我们的想法是拥有一个图像数组,每次用户滚动时,都会迭代数组,并且显示的图像会发生变化,从而创建动画.我不习惯使用JS,因此我真的不知道从哪里开始.我唯一拥有的是CSS:

#animation { 
background-repeat: no-repeat;
position : fixed; 
width: 980px;
margin: 0 auto;
}
Run Code Online (Sandbox Code Playgroud)

javascript css javascript-events

0
推荐指数
1
解决办法
1万
查看次数

Javascript函数调用.以字符串形式转义引号

好吧,我的查询是,如何在Javascript中转义引号?我正在尝试使用下面的代码提醒消息.我知道它不会工作,因为它在onClick函数调用中包含双引号中的字符串并且它给出了语法错误.我如何使其工作.我的条件是我不能在函数调用中使用单引号作为参数.

    <html>
    <head>
    <script type="text/javascript">
    function litString(vals)
    {
    alert(vals);
    }
    </script>
    </head>
    <body>

    <?php echo "Just for a Test<br/>"; ?>

    <a href="#" onClick="litString("test one")"><h2>JS String Literal</h2></a>
    </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

更新:

我的目的是使下面的PHP + JS代码组合起作用.

 echo '<li><a href="#" title="'.$res_bb['eng'].'" onClick=loadChap('.$res_bb['id'].','.$res_bb['chapters'].',"'.$res_bb['mal'].'")><font size="2">'.$res_bb['mal'].'</font></a></li>';
Run Code Online (Sandbox Code Playgroud)

javascript string literals javascript-events

0
推荐指数
1
解决办法
6309
查看次数

事件未在方法内定义

以下对象有什么问题.

var events = {
    targetElem: function(e) {
        var eve = (e) ? e : window.event;
        if (eve.target)
            alert(eve.target);
        else
            alert(eve.srcElement);
    }
};
Run Code Online (Sandbox Code Playgroud)

总是给我看错误信息ReferenceError: e is undefined.

javascript javascript-events

0
推荐指数
1
解决办法
147
查看次数

Firefox event.clientX无法正常工作

我正在研究一个d3和js项目.

该函数的开头如下:

$(document).ready(function() { 
    d3.select("#aid").select(".abutton").on("mousemove",function() {
        afile.style("top", (event.clientY+10)+"px").style("left",(event.clientX+15)+"px");
        afile.html("<h3>Click text here</p><p>or here</p>");
    }); 
Run Code Online (Sandbox Code Playgroud)

我做了很多谷歌搜索!

本质上是在鼠标悬停时,它应该执行该功能.这适用于Chrome和IE,因为事件变量是全局的,因此它是客户端*属性.

据我所知,解决方案是传入一个eventObject.当我这样做时,我的代码看起来像:

$(document).ready(function() { 
    d3.select("#aid").select(".abutton").on("mousemove",function(event) {
        afile.style("top", (event.clientY+10)+"px").style("left",(event.clientX+15)+"px");
        afile.html("<h3>Click text here</p><p>or here</p>");
    });
Run Code Online (Sandbox Code Playgroud)

FF日志给了我:

[09:59:04.308] TypeError: event is undefined @ filepathofjavascriptfile
Run Code Online (Sandbox Code Playgroud)

同样,它在Chrome中断:未捕获的TypeError:无法读取未定义的filepathofjavascriptfile(匿名函数)help.js的属性'clientY':34 u

我究竟做错了什么?在此先感谢,如果您还有其他需要,请告诉我.

javascript firefox javascript-events d3.js

0
推荐指数
1
解决办法
2064
查看次数

如何将其他参数传递给$ .fn.hover()中的处理程序?

jQuery的悬停文档只显示了一种使用该函数的方法:

$('.myClass').hover(function () {
    console.log('on mouse over');
},
function () {
    console.log('on mouse out');
});
Run Code Online (Sandbox Code Playgroud)

但是,当您将这些更改为命名函数时,它无法正常工作,在页面加载时触发命名函数(或者只要将其粘贴到控制台中):

function onMouseOver() {
    console.log('on mouse over');
}

function onMouseOut()
    console.log('on mouse out');
}

$('.myClass').hover(onMouseOver(), onMouseOut());
Run Code Online (Sandbox Code Playgroud)

将最后一行更改为:

$('myClass').hover(onMouseOver, onMouseOut);
Run Code Online (Sandbox Code Playgroud)

按预期工作(触发事件),但不允许我将任何内容传递给命名函数.有没有办法允许我将变量传递给函数?

javascript jquery javascript-events

0
推荐指数
1
解决办法
732
查看次数

<body>元素上的DOMNodeInsertedIntoDocument

我想"抓住" <body>创造的第一个时刻.我试过用DOMNodeInserted/ DOMNodeInsertedIntoDocument.这是我的代码:

<html>
<head>
<script>
document.addEventListener("DOMNodeInserted", handleDomInserted, true);
document.addEventListener("DOMNodeInsertedIntoDocument", handleDOMNodeInsertedIntoDocument, true);

function handleDOMNodeInsertedIntoDocument(e) {
  console.log(e);
}
function handleDomInserted(e) {
  console.log(e);
}
</script> 
</head>

<body> 
<div id="foo">
  <span id="bazz"></span>
</div>
</body>

</html>
Run Code Online (Sandbox Code Playgroud)

为什么这些函数永远不会被调用?
谢谢!

html javascript dom javascript-events

0
推荐指数
1
解决办法
1459
查看次数

难以在select元素中使用onchange来工作

我有一些HTML,我无法启动onchange功能.

<head>
    <script type="text/javascript">
        function goToDelete(){
            alert("test")
        }
    </script>
</head>
<form id="checkboxes" method="post" action="myurl">
    <select name="dropdown">
        <option />
        <option value="Delete" onchange="goToDelete();">Delete</option
    </select>
</form>
Run Code Online (Sandbox Code Playgroud)

谁能发现我做错了什么?在此先感谢您的帮助.

javascript dom javascript-events

0
推荐指数
1
解决办法
40
查看次数

javascript键盘事件和检测

我试图避开jQuery并想要检测是否按下了左键或右键.我正在努力解决这个问题.

var keyPress = function(event) {
  var keyCode = event.keyCode;
  if (keyCode == 37)
    //do something
  if (keyCode == 39)
    //do something
}
document.onkeydown = keyPress(event);
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是我无法检测到任何键盘事件.

任何帮助将不胜感激.

javascript event-handling javascript-events

0
推荐指数
1
解决办法
97
查看次数