标签: javascript-events

没有将焦点设置为firefox中的文本字段

我遇到了一个非常有趣的问题.我正在尝试使用javascript 设置焦点在输入字段上(没有jquery,我尝试了但也没用)window.onLoad.

看看这个fiddel:setFocusOnLoad

它在Chrome浏览器中运行良好,但在Firefox中没有.在Firefox中有任何问题.我怎么解决.谢谢.

编辑: 这是我在html文件中复制的代码.

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript">
            function onloadFocus(){
                var name = document.getElementById('name');
                //        name.value='window.onload called';
                name.focus();


            }

            window.onload=onloadFocus();
        </script>
    </head>
    <body>
        <div><input type='text' value='' id='name' name='name'></div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

html javascript javascript-events

2
推荐指数
1
解决办法
3047
查看次数

evt =(evt)的含义?evt:window.event

嗨,这个javascript片段意味着什么.(evt)部分是如此令人困惑.. evt不是布尔值.这个怎么运作?

function checkIt(evt) {
        evt = (evt) ? evt : window.event
        var charCode = (evt.which) ? evt.which : evt.keyCode

    }
Run Code Online (Sandbox Code Playgroud)

javascript javascript-events

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

如何在具有背景的HTML元素下与DOM元素进行交互?

我需要这个小提琴解决了.

我无法与另一个具有背景的HTML元素下的DOM元素进行交互.这是HTML/CSS 101.但是,将背景与rgba和opacity CSS属性结合使用时,这并不总是理想的效果.就像我的情况一样,我需要元素的背景始终位于所有其他元素之上.

说实话,我不知道从哪里开始解决这种情况.我希望有一个CSS解决方案,允许通过具有背景的元素传播事件.我怀疑存在.

我的另一个想法是使用JavaScript解决方案以某种方式强制捕获事件到下面的元素,就好像顶部的元素甚至不存在一样.

如何在具有背景的HTML元素下与DOM元素进行交互?

请注意,我需要在所有现代浏览器中使用它.

html javascript css javascript-events

2
推荐指数
1
解决办法
535
查看次数

mediaelement'播放'事件跟踪

我有以下简单的代码启动mediaelement音频插件:

$('audio,video').mediaelementplayer({
    audioWidth: 300,
    audioHeight: 30
});
Run Code Online (Sandbox Code Playgroud)

我需要跟踪playing事件; 我没试过就试过以下代码:

var player = document.getElementsById('player2');
player.playing = function(e) {
   alert('OMG! You played a song!');
}
Run Code Online (Sandbox Code Playgroud)

javascript javascript-events mediaelement.js

2
推荐指数
2
解决办法
5449
查看次数

对于Javascript,替换为body onload =(string)

我(有点)是JavaScript的新手,我正在编写一个需要的时序插件

<body onload="mktClock_standard(); setInterval('mktClock_standard()', 1000 ); mktClock_military(); setInterval('mktClock_standard()', 1000 )">
Run Code Online (Sandbox Code Playgroud)

我想知道是否有办法做到这一点,但在JavaScript中,如使用window.onload或其他东西.我试过简单地说:

window.onload = mktClock_standard(); setInterval('mktClock_standard()', 1000 ); mktClock_military(); setInterval('mktClock_standard()', 1000 )
Run Code Online (Sandbox Code Playgroud)

但显然有很多错误的语法错误和东西,所以...我去谷歌但我找不到任何与我的问题有关的东西.有任何想法吗?谢谢!

html javascript javascript-events onload

2
推荐指数
1
解决办法
1763
查看次数

2
推荐指数
1
解决办法
57
查看次数

onkeyup函数javascript

可能重复:
在KeyUp和粘贴事件上调节AJAX请求

假设我inputbox在其中调用了ajax函数onkeyup.当用户在文本框中输入任何值时,该值将通过ajax函数并使用gd在图像上写入.

但我有一个问题,当用户在文本框中键入10个字符值然后ajax函数调用10次,onkeyup并且在图像上写入响应需要很长时间.

我怎么才能只调用一次函数?

我们可以通过调用onblur事件上的函数来完成它,但我需要在不离开文本框的情况下完成它.

我会很感激任何类型的帮助.

javascript php javascript-events

2
推荐指数
1
解决办法
1579
查看次数

如何完全破坏swipe.js

我在项目中使用swipe.js .

我正在动态更改滑块中的数据.

我刚刚在数据更改时创建了一个新的滑动对象,但它并没有破坏回调等,这会导致问题.我如何销毁滑动对象,或者至少刷新它?

    <div id='flyers'>
      <ul>
       <li style='display:block'></li>
       <li style='display:none'></li>
       <li style='display:none'></li>
      </ul>
    </div>

  window.slider = new Swipe(document.getElementById('flyers'), {
    startSlide: 0,
    speed: 200,
    callback: function(event, index, elem) {
        $('#home .flyerNav .selected').removeClass('selected');
        $('#home .flyerNav').children().eq(index).addClass('selected');
        $('#home .flyerLoves').attr('imgId',slides[index].imgId);
        daterizer(index);
    }
  });
Run Code Online (Sandbox Code Playgroud)

javascript javascript-events

2
推荐指数
1
解决办法
2998
查看次数

事件未在Firefox中定义

我已经注意到其他一些类似性质的帖子,但没有人回答我的问题,这就是我发布这个帖子的原因.

我正在尝试创建一个简单的表单,其中每个输入/ textarea元素在由onblur效果和值===""触发时变为红色.以下代码适用于Crhome和IE,但在Firefox'事件未定义' - 即使我正在通过一个事件.

见下面的代码.

//declare gloabl variables
var srcForm = document.myForm;
var nameField = srcForm.nameTxt;
var emailField = srcForm.emailTxt;
var commentsField = srcForm.comments;

//function for field onfocus events
function focusClear (event) {
var eSrc = nuahs.eventUtility.eventSource(event);
if(eSrc.className === "invalid") {
    eSrc.className = "";
    eSrc.value = "";    
}
}

//function for field onblur events
function blurCheck (event) {
var eSrc = nuahs.eventUtility.eventSource(event);
if(eSrc.value === "") {
    eSrc.className = "invalid";
    eSrc.value = "This field is required";  
}
}

//set up …
Run Code Online (Sandbox Code Playgroud)

javascript firefox javascript-events

2
推荐指数
1
解决办法
2243
查看次数

Javascript onkeyup延迟函数调用

我想创建一个触发onkeyup事件的javascript函数,它的任务是调用一个主解析器函数,但只有在没有键被触发至少x毫秒时,其中x是函数参数.

例如:

我们有HTML代码

<body>
    <input type="text" id="suggestion" onkeyup="callMe(200);"/>
</body>
Run Code Online (Sandbox Code Playgroud)

和javascript类似:

<script type="text/javascript">
    function callMe(ms)
    {
        //wait at least x ms then call main logic function
        // e.g. doMain();
        alert("I've been called after timeout"); //for testing purposes
    }
</script>
Run Code Online (Sandbox Code Playgroud)

因此,在我输入警报时,除非您至少输入x ms,否则不会调用警报.

javascript events timer javascript-events

2
推荐指数
1
解决办法
4882
查看次数