标签: javascript-events

我发现了一个名为raphael-pan-zoom的插件,用于放大和缩小我的纸张中的raphaeljs元素,缩放工作完美,但是当我想将纸张向左,向右,向上或向下移动时我没有成功.我在"raphael.pan-zoom.js"中找到了pan函数:

pan: function (deltaX, deltaY) {
    },

我不知道什么是deltaX和deltaY以及如何计算它们,你能帮我吗？在这个jsfiddle你可以找到一个例子:http://jsfiddle.net/xperali/g6Xav/4/

如何获取元素的ID并将其与字符串或其他ID进行比较？

我想要做的就是创建一个条件来获取元素的ID并将其与某个字符串或其他元素的ID进行比较.

我现在有这段代码将我的id与另一个id(显然不起作用)进行比较:

function Something(elemid)
{
 if(elemid == document.getElementById('myid').id)
   {
    ...
   }
}

或者这段代码与字符串进行比较(也不起作用):

if(elemid == "mystring")
{
...
}

这是一个简单的问题,但是,我似乎无法在这里找到任何东西,甚至在我正在寻找的其他网站上也找不到. 我不能使用任何JQuery,所以任何Javascript只有anwser将非常​​感激.

我有以下代码.它使用LABEL元素检查页面上的所有复选框,该元素通常位于复选框的顶部.现在我如何使用相同的LABEL元素取消选中所有框？

jQuery(document).ready(function($) {

 var $checkBoxes = $('input[type="checkbox"]');

 $('label').click(function() {
   $checkBoxes.attr('checked', true);
 });
});     

我有一个现有的javascript函数：

function changeColor(ID){

    try{
        initialize();
    }
    finally{
        changeDesign(ID);
    }

}

我想做这样的事情：

for(var x=0; x<2; x++){
        document.getElementById(x).onclick = "changeColor(" + x +")";
}

带有html的输出应为：

<tr bgcolor="#FFFFFF" id="0" onclick="changeColor(0)>

我将一些jQuery事件处理程序绑定到页面中最初工作正常的元素,但是如果用户选择页面上的单选按钮,则该元素将被删除; 他们可以通过选择另一个单选按钮把它带回来; 但是当数据被AJAX加载回来时,该函数不再从事件处理程序触发.

我绑定它:

jQuery(document).ready(function(){

    jQuery('#buyout_field').mouseleave(function() {
        update();
    });    

    jQuery('#buyout_field').focusout(function() {
        update();
    });

});

所以回顾一下,最初运行正常,但是一旦AJAX删除然后放回数据它就不再运行了.

以下是运行AJAX的代码:

function update() {

    getAjaxData(loadUrl, dataObject, 'GET', 'json')

        .done(function(response) {

            // Add/Hide other data
            jQuery('#buy_now').html(response.buy_now);            

        })

    // End

}

function getAjaxData(loadUrl, dataObject, action, type) {

    return jQuery.ajax({
        type: action,
        url: loadUrl,
        data: dataObject,
        dataType: type
    });    

}

元素buyout_field包含在buy_now元素中.

是不是元素放回DOM或什么？

我在ASPX webapplication中实现了analytics.js(新版本).我的网页浏览工作得很好,但事件往往没有被发送.

在我的例子中,我尝试按下3个不同的按钮,但只有其中一个触发了事件.我为每个事件添加了一个警告框,以验证它实际上已被触发,并且这些都显示出来.

这是我的js,就在之前 </head>

(function(i, s, o, g, r, a, m) {
    i['GoogleAnalyticsObject'] = r;
    i[r] = i[r] || function() {
        (i[r].q = i[r].q || []).push(arguments)
    }, i[r].l = 1 * new Date();
    a = s.createElement(o), m = s.getElementsByTagName(o)[0];
    a.async = 1;
    a.src = g;
    m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-XXXXXXXX-1', {
    'cookieDomain': 'none'
});
ga('send', 'pageview', {
    'page': '/team/main',
    'title': 'Logged in'
});

$(document).ready(function() {
    $(".team_button").on("click", function() {
        ga('send', 'event', 'button', 'click', 'Team select button', …

EaselJS的removeChild方法(Stage的一部分)是否也处理附加到该子节点的eventListener的清理？或者您必须在删除孩子removeEventListener之前手动删除孩子的事件监听器吗？

例如:

stage = new createjs.Stage(canvas);
circle = new createjs.Shape();
circle.graphics.beginFill("#333").drawCircle(0,0,5);

circle.addEventListener("mousedown",function(event){
    console.log("mouse down");
});
stage.addChild(circle);
.
.
.
stage.removeChild(circle);

如果你有一个不断渲染/销毁的HTML元素,那么对HTML的javascript事件绑定是否仍然存在,或者是否需要在创建/销毁周期中绑定/取消绑定事件？

我正在使用D3来生成美国各县的地图.另外,我正在生成工具提示覆盖,其中包含点击事件上的按钮以进行有效选择.

click事件处理程序的一部分,我将模板的HTML绑定到tooltip元素,然后将javascript事件处理程序绑定到所述HTML

thisObj._tooltip.template = template : "<div id = 'tooltip_template'>" + 
            "<div class = 'county_data'></div>" +
            "<img src = '/static/images/delete.png' width = '28' height = '28' class = 'delete_logo' id = 'close_tooltip' />" +
            "<button id = 'add_prospective_market' class = 'tooltip_button'>Prospective Market</button>" +
            "<button id = 'add_market' class = 'tooltip_button'>Market County</button>" +
            "<button id = 'remove_market' class = 'tooltip_button'>Remove Market</button></div>"

thisObj._tooltip.tooltip.html(thisObj._tooltip.template)
  .style("left", (d3.event.pageX + 10) + "px")
  .style("top", (d3.event.pageY - 50) + "px")
  .style("pointer-events" , "auto")
  .style("width", "400px")
  .style("height", …

这是我正在玩的小提琴

小提琴

这是我的HTML

<div id="search_container">a</div>
<script type="text/template" id="search_template">
    <label>Search</label>
    <input type="text" id="search_input" />
    <input type="button" class="button" id="search_button" value="Search" />
     <input type="button" class="button" id="a" value="asfasd" />
     <input type="button" class="button" id="b" value="Seaasdasdrch" />
     <input type="button" class="button" id="c" value="Seadasdasdasrch" />
</script>

这是我的javascript

 SearchView = Backbone.View.extend({
    initialize: function(){
        this.render();
    },
    render: function(){
        // Compile the template using underscore
        var template = _.template( $("#search_template").html(), {} );
        // Load the compiled HTML into the Backbone "el"
        this.$el.html( template );
    },
    events: {
        "click input[class=button]": "doSearch"  
    }, …

如何使用javascript在数组列表中用'/'替换','.这里我的数组列表有两个字符串'值用逗号分隔','但是我希望以单个字符串的形式将它用'/'分隔？

例如:array [] = { value1, a1/a2/a3}由array [] =替换{value1/a1/a2/a3}

例如:在这里,我要替换这是作为结果[3,101/102/103]的[3/101/102/103].

任何人都可以建议吗？