标签: javascript-events

身体上载事件

这段代码似乎不起作用

document.body.onload = function () { ... }
Run Code Online (Sandbox Code Playgroud)

我知道html中有body标签的onload事件,但是为什么你不能从javascript访问它?window.onload是否相同<body onload="...

它基本上不会触发

谢谢 :-)

javascript javascript-events

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

克隆元素与javascript中的事件

我有一个元素

<input type="file" id="fileUpload" size="100" name="fileUpload"/>
Run Code Online (Sandbox Code Playgroud)

更改事件绑定到此元素即

$('input[type=file]').change(function()
{
alert('changed');
});
Run Code Online (Sandbox Code Playgroud)

我正在使用克隆这个元素

var newElement = $('#fileUpload').clone();
Run Code Online (Sandbox Code Playgroud)

并将newElement附加到表单

$('form').append(newElement);
Run Code Online (Sandbox Code Playgroud)

现在发生的事情是在追加更改事件后没有绑定到新元素.知道为什么会这样,以及如何解决这个问题?

javascript jquery javascript-events

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

关于Javascript函数调用的问题

我有一段JS代码如下;

window.onbeforeunload = function saveFav() {
//Some JS code
}
Run Code Online (Sandbox Code Playgroud)

现在需要从链接单击处理程序调用此相同的函数

所以我只是直接调用函数;

$("#someLink").click(function() {
   saveFav();
});
Run Code Online (Sandbox Code Playgroud)

但由于某些原因saveFav()没有从链接点击调用...是否有一些语法问题或者只在页面卸载时调用该函数?

我不想复制代码,因为它在卸载和链接点击时都是相同的.

请帮我.谢谢.

javascript jquery javascript-events

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

如何使用javascript或jquery检测浏览器的关闭

可能重复:
处理浏览器在JavaScript中关闭?

如何使用javascript或jquery检测浏览器的关闭,我分别获得了javascript和jquery的window.onbeforeUnload和$(window).unload(),但是甚至在页面离开时调用等等...我只需要而且只需要关闭事件,没有别的,只有那个.

javascript jquery javascript-events

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

为什么event.ctrlKey返回undef?

我在select元素中选择一个选项时调用javascript函数,如下所示:

<select id="select-thingy" onchange="foo(event, this); false;">
    <option value="bar">asdf</option>
...
</select>
Run Code Online (Sandbox Code Playgroud)

该函数执行以下操作:

function foo(e, elem) {
    var thingummy = elem.options[elem.selectedIndex].value;

    alert(e.ctrlKey); // for testing only

    if (e.ctrlKey) {
        // do something
    } else {
        // do something else
    }
}
Run Code Online (Sandbox Code Playgroud)

根据警报,e.ctrlKey未定义 - 我认为这应该返回true或false?我在这里错过了什么?

谢谢大家!

javascript event-handling javascript-events

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

为什么javascript列表中的多个小数会在元素列表'错误后抛出'缺失'?

我有两个按钮用来区分cvs中的一些修订:

按钮A:

<input type="button" onclick="javascript:var from = get_diff_from(this.form,2); var to = get_diff_to(this.form,2); parent.show_file('196382', 'telecom.mod', 'teleTWTA.c', from, to, 'webtools/cvsweb/cvsweb.cgi', 'fsw', 
get_chg_array([1.2,1.3], [0,196382], from, to));" value="Diff teleTWTA.c">
Run Code Online (Sandbox Code Playgroud)

按钮B:

<input type="button" onclick="javascript:var from = get_diff_from(this.form,3); var to = get_diff_to(this.form,3); parent.show_file('196383', 'telecom.mod/test/solaris.ut/telecom_twta.exe', 'ut_teleTWTA.c', from, to, 'webtools/cvsweb/cvsweb.cgi', 
'fsw', get_chg_array([1.1.1.1,1.2], [0,196383], from, to));" value="Diff ut_teleTWTA.c">
Run Code Online (Sandbox Code Playgroud)

按钮A工作正常,但按钮B在点击时窒息,并在元素列表后抛出'缺失'.我能想到的唯一解释是按钮B中的cvs版本号(1.1.1.1)越长.为什么JS会破坏它,我该如何修复它?

javascript javascript-events

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

关于Javascript的keydown事件和jQuery需要澄清

我有以下jQuery代码:

$("#someTextInputID").keydown(function(event){
 console.log(event.keyCode);
 console.log("input_box.val(): "+input_box.val());
 console.log("input_box.val().length: "+input_box.val().length);
})
Run Code Online (Sandbox Code Playgroud)

让我感到困惑的是,如果我键入"750",则会记录三个keyCodes,但在键入上面的字符串后,我也会在我的控制台中获取此代码:

input_box.val():75

input_box.val().length:2

那么最后一个字符即"0"会发生什么?

jquery javascript-events keydown

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

动态删除javascript中的元素

我使用普通的旧javascript(没有jQuery或其他).

我有一个HTML5应用程序,我想从section元素中删除canvas:

<section id="thumbnails">
    <h1>My Bookmarks:</h1>
    <canvas height="60px" width="100px" data-time="2.1167500019073486"></canvas>
    <canvas height="60px" width="100px" data-time="3.60492205619812"></canvas>
    <canvas height="60px" width="100px" data-time="4.558893203735352"></canvas>
    <canvas height="60px" width="100px" data-time="5.411310195922852"></canvas>
</section>
Run Code Online (Sandbox Code Playgroud)

我使用的代码如下:

document.getElementById('videos').addEventListener('change',function(e){
    var canvasElements=document.getElementById('thumbnails').getElementsByTagName('canvas');
    for(var i=0;i<canvasElements.length;i++){
        document.getElementById('thumbnails').removeChild(canvasElements[i]);
        console.log('removed canvas');
    }
},true);
Run Code Online (Sandbox Code Playgroud)

但是,当代码运行时,并不是所有画布都从该部分中删除,我甚至都没有在控制台中看到日志语句.

转到此页面,获取一些缩略图,然后切换到另一个视频:http://laurent-tonon.com/VideoFinal/

我真的不明白......

谢谢你的时间

javascript html5 javascript-events

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

为什么这个JavaScript代码(作为HTML属性嵌入)不起作用?

为什么这不起作用?

<button onclick = "function(){alert('Hello');}">press me</button>
Run Code Online (Sandbox Code Playgroud)

这样做:

<button onclick = "alert('Hello');">press me</button>
Run Code Online (Sandbox Code Playgroud)

html javascript onclick javascript-events

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

这个基本的JavaScript代码有什么问题?

我正在尝试编写基本的JavaScript,它将段落的背景更改为黄色,然后在单击时将其更改为粉红色.

<p id="foo">Hello, people!</p>
Run Code Online (Sandbox Code Playgroud)

和脚本是

window.onload = function(){
var foo = document.getElementById("foo");
foo.onclick = function(){
        if(foo.style.background!=="yellow")foo.style.background = "yellow";
        if(foo.style.background === "yellow")  foo.style.background = "pink";
};
};
Run Code Online (Sandbox Code Playgroud)

第一次点击时颜色变为黄色,但再次点击时颜色不会变为粉红色.我无法弄清楚这个问题.

javascript javascript-events

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