标签: javascript-events

我有复选框.如果选中复选框,我想切换包含复选框的div的样式.

<label for="ids">
       <div>
           <img src="img/87_1180.jpg">
           <h4>Name</h4>
           <input name="ids" id="ids" type="checkbox">
       </div>
</label>

当用户单击标签时,将选中该复选框.如果选中复选框,我想添加类.

我感谢任何帮助.

哪些事件是最耗费资源的事件？鼠标悬停是"最差"还是点击？浏览器上是否有任何事件被认为非常严厉？我主要关注IE7,因为我们看到了性能问题.我们尽可能使用事件委托.

或者,如何分析实际运行的事件以确定哪些事件对运行时的性能影响最大？

我对这些活动感兴趣,请不要告诉我,我需要去看看我的功能在这些活动中的作用.那里可能存在问题,但这不是我的问题.

此解决方案不适用于IE9.

我有以下代码:

$(document).ready(function() {
      document.getElementById('unsubref').onclick = function() {unsubcribe();}; 
});

和unsubref是:

<div id="unsub">
<h1>Click <a id="unsubref">here</a> to unsubscribe from the mailing service</h1>
</div>

在Chrome中,它运行得很好.unsubscribe正在使用警报调用该函数.

但是,在IE9中它不起作用!

我有一个点击我的每个标记调用函数displayInfo,自定义信息框的听众..

google.maps.event.addListener(markers[i], 'click', function() {
        //stop updating markers
         google.maps.event.removeListener(updateMarkersProcess);

        //call display custom infowindow function
        displayInfo(this);
    });

我的地图上有一个bounds_change监听器,用于将自定义信息框"绑定"到标记.像这样:

function displayInfo(marker) {

 var e = $('infobox');

overlay.getPanes().floatPane.appendChild(e);

displayInfoProcess = google.maps.event.addListener(map, 'bounds_changed', function() {

    show('infobox');

    var markerOffset = overlay.getProjection().fromLatLngToDivPixel(marker.position);

    e.style.top = markerOffset.y + 20 + 'px';
    e.style.left = markerOffset.x - 40 + 'px';

    e.innerHTML = marker.store + '<br><em>' + convertDistance(marker.distance);   

});
map.panTo(marker.position); 
}

然后我在地图上有一个点击监听器来隐藏infoBox并停止bounds_change监听器......

[删除此处的聆听代码]

google.maps.event.addListener(map, 'click', function() {

       google.maps.event.removeListener(displayInfoProcess);
       // google.maps.event.clearListeners(map, 'bounds_changed');
       hide('infobox');

    }); …

我试图在td上使用模糊,p没有任何成功.Jquery文档说明了这一点

"最初,此事件仅适用于表单元素,例如输入.在最近的浏览器中,事件的域已扩展为包括所有元素类型."

所以它应该触发p/td标签.这是我的示例代码

<p>Test 2
</p>
<p>Test 1
</p>
<script>
    $(document).ready(function () {
        $("p").blur(function () {
            alert('blur');
        });

    });
</script>

但请注意,如果我尝试以编程方式调用模糊,则会触发.

$("p").blur();

我假设当我点击第一个p然后点击其他任何地方模糊应该发射...我在这里错过了什么？

谢谢

如果我有一个动态添加和删除html元素的程序,并且这些元素中的每一个都需要有一个事件监听器,那么有一种方法可以将事件监听器添加到比逐个执行它更容易的变量中吗？我想使用一个数组,并让数组的每个索引都附加一个事件监听器,但这似乎不起作用.

var1 = document.getElementById('name');
var1.addEventListener("mousedown", doMouseDown, false);

这工作正常,但我有大约100个元素,所以我希望有一个比创建100个单独的变量更简单的方法.我有一个更简单的方法来做到这一点我会喜欢任何建议.:)

可能的重复：
jQuery 1.7-将live（）转换为on（）

只需将我的代码从“实时”切换为“开启”，某些事件就不再触发，这是一个示例，有人可以帮忙说一下这是怎么回事吗？以前，使用“实时”而不是“开启”方法可以100％正确地工作。

$('a#doBulkLink').on('click', function (e) {

    createLabelsWithDestinationFolders();

    $('label.moveDocDestinationFolder').on('click', function (e) {

        doSomeAjaxStuffWithLabels();
        e.stopImmediatePropagation();  

    });

    e.preventDefault();
});

谢谢。

我正在尝试从HTML下拉列表中创建一个快速的CSS样式切换器.JS是外部的,在表单之前的头部末尾调用.

我的JS:

function ChangeTheTheme(){
    txt = document.getElementsByTagName("link");
    switch(document.mytheme.themes.selectedIndex) {
    case 0:
        alert("Choice 0");
        txt[0].href = "style.css";
        break;
    case 1:
        alert("Choice 1");
        txt[0].href = "style2.css";
        break;
    }
}

重要的HTML行是:

<form name="mytheme">
<select name=”themes” onChange=”ChangeTheTheme();”>

我尝试在函数的开头添加"alert("working");它向我展示了该函数根本没有被调用.

下拉列表应将CSS样式切换为当前选择的任何样式.没有按钮提交或任何东西.这就是我对onchange的理解.

谢谢

刚试过以下方法发现这不起作用？

(使用jQuery):

function bookmark_add() {

        $.ajax({
          type: "POST",
          url: "load.php",
          data: data,
          success: function(msg) {
              var msg_array=msg.split("-");
              var success=msg_array[0];
              var bookmark_id=msg_array[1];

              if(success==1) {
                  $('.btn_bookmark').html('Remove Bookmark');
                   $('.a_bookmark').attr("onClick","bookmark_remove("+bookmark_id+"), return false;");
                  }
              }
        });
    }

这个功能很好.<a>正确更改元素的属性.然而,新事件(该功能bookmark_remove没有被解雇.所以我认为我的方法不起作用,因为一些基本的误解,可能？

谁能告诉我这个假设是正确的,并给出任何暗示为什么？

我有Javascript编写的许多功能,如userName(),password()等,但在提交表单上,我有一个单一的功能return formValidator();.

我希望函数调用所有其他函数并检查它们是否返回false.如果它们都是真的,那么它应该返回true,否则它应该返回false.

function userName(){
      var x=document.forms["signupform"]["firstname"].value;
            if(x=="" ||x==null){
           document.getElementById("firstname").style.border="1px solid #F50A0A";
           document.getElementById("firstname").style.boxShadow="2px 2px 5px #F50A0A";
           return false;
      }else {return true;}
}

function password(){
 var z=document.forms["signupform"]["password"].value;
      if(z=="" ||z==null){
            document.getElementById("password").style.border="1px solid #F50A0A";
           document.getElementById("password").style.boxShadow="2px 2px 5px #F50A0A";
            return false;
      }else {return true;}
}