标签: javascript-events

如果我为嵌入对象执行在线onload事件,这似乎有效,但我似乎无法通过addEventListener获取load事件.这是预期的吗？

我有一个函数resizePreview(),如果图像太大,将在jQuery对话框中调整图像大小.用户可以更改此图像.我的代码是这样的:

$('#imagePreview').attr('src', newImageSrc);
resizePreview();

resizePreview()使用$('#imagePreview').width()和.height()获取尺寸并相应调整大小.问题是新图像没有resizePreview()被调用时加载,因此图像根据其原始尺寸调整大小,而不是根据新加载图像的尺寸.

如果我alert()在两行代码之间进行调用就可以了(因为警报会给浏览器足够的时间来加载新图像).显然我应该使用一个活动？是否存在现有事件,或者我是否可以制作一个事件,因为当图像src发生变化时(有点像onChange事件,但对于该属性)或者当新图像完成加载时？谢谢你的时间.

我有以下标记:

<div id="accordion" class="leftaligned">
    <div>
        <h3><a href="#">Stakeholder</a></h3>
        <div>Content</div>
    </div>
    <div>
        <h3><a href="#">Relationships</a></h3>
        <div>Blah blah</div>
    </div>
    <div>
        <h3><a href="#">Address</a></h3>
        <div>Yada yada</div>
    </div>
    <div>
        <h3><a href="#">Contact Details</a></h3>
        <div>Foo bar</div>
    </div>
</div>

我创建了一个如下手风琴:

$("#accordion").accordion({
    header: "h3",
    fillSpace: true,
    changestart: function(event, ui) {
        if (someConditionIsTrue()) {
            event.stopPropagation();
            event.preventDefault();
            return (false);
        }
    }
});

这个想法是有一些用例会阻止用户更改窗格,但是上面取消事件没有任何效果,窗格仍然可以更改.

有没有办法防止窗格的变化？我还尝试以编程方式激活当前窗格以防止更改,但是会触发另一个changestart事件并且所有地狱都会松动(手风琴实际上会中断)

我使用标准的jQuery Datepicker,我需要根据一些日常状态信息修改每个TD中的文本.我意识到我可以连接"beforeShowDay"事件,但这只允许我修改每个日期的css信息.希望在整个日历上举办活动,例如"afterRender"等.

我可以修改显示的第一个日历,但如果用户更改了几个月或几年,我(或我的代码)就不在循环中了.

我只是通过按下按钮而不是F11来阅读这个问题:全屏页面
操作要求F11用其他热键替换,所以我想知道也许我可以模拟按下F11以使工作正常.
我了解到我可以在JQuery中使用触发器来模拟按键事件,所以我做了这样的事情:

$("body").keyup(function (e) {
    alert(e.which);
});
var e = $.Event("keyup");
e.which = 122; // # Key code of F11
$("body").trigger(e);  

当我运行这个时,我得到警告说122,但它似乎没有给出希望的结果.那里有限制吗？

我在这里做了一个小提琴:http://jsfiddle.net/ap295/5/

在Js代码中,如果有两个js对象(一个处理UI(例如一个表单)和另一个向服务器发送请求.

使用自定义事件或正常函数调用在这些组件之间进行交互的更好方法是什么.

例如.

  clickForm = function(){
      validateForm();
      $(document).trigger("submitForm",{"userData":userData});//Event submitForm listened by formManager submitForm method.
  }

要么

clickForm = function(){
     validateForm();
     formManager.submitForm(userData);
  }

clickForm方法是UI组件的一部分,它负责管理HTML代码的UI交互.此功能通常在单击提交按钮时调用.

submitForm方法是核心Object的一部分,其职责是向服务器发出请求,解析响应,然后将结果发送到UI组件.

这两种方法中的哪一种是更好的互动方式.任何建议？

我有一个keydown事件处理程序,我附加到我的文档,所以我可以在任何地方观看keydown事件.但是,在满足条件后,我希望能够删除该条件并仅删除该处理程序.我怎样才能做到这一点？

这是我当前的处理程序:

    $(document).keydown(function(event){
        console.log(event);

        var tag = event.target.tagName.toLowerCase();
        if(event.which = 27 && tag != 'input' && tag != 'textarea'){    //escape has been pressed
            _dismissModal(modal_id);
        }
    });

我想在_dismissModal调用之后删除这个keydown事件处理程序.如何在不删除所有keydown事件处理程序的情况下执行此操作？

由于我们的一些页面如何工作,JS可以随时注入页面,有时这个JS会关闭当前窗口.问题是我需要将一个事件监听器附加到窗口的onunload,以便可以从窗口返回一个值到父页面.但是因为窗口关闭脚本可能在任何时候被注入,我无法将此事件绑定到onload,因为它的工作方式因此我希望使用DOMContentLoaded,因为该事件将在注入的脚本之前触发.

但是在我的测试中,我无法在创建新窗口的父页面上绑定到DOMContentLoaded.

以下是我目前正在使用的内容:Plunker

我们目前只需要在Chrome中使用它.

我们当前的这种方法就像这样(伪代码):

onButtonClick = function(){
    win = window.open(...);
    win.onload = function(){
        win.onunload = function(){
            //Bind some function that will get the window's "return value" and pass it to the parent page
            //This will never happen if the window closes itself before the page is done loading
        };
    };
};

我可以使用DOMContentLoaded来完成我想要的吗？如果是这样,我该如何正确地将它附加到窗口？

注意:创建后,我无法将"onunload"事件直接绑定到窗口.它似乎两次触发"onunload"事件(一旦窗口打开,一次关闭时).如果在我的示例中使用"bindOnCreate"函数,则可以看到这种情况.

我使用节点child_process API

https://nodejs.org/api/child_process.html#child_process_child_process_spawn_command_args_options

var child = child_process.spawn(cmd, val, options);

从孩子我使用以下

child.stdout.pipe(process.stdout);
child.stderr.pipe(process.stderr);

我可以在这些管道事件里面添加一些代码如console.log吗？

例如,可能与原型

child.on('error', function(err) {
        console.log(err);
    });

更新

我需要的是听听这个childProcess.stderr.pipe(process.stderr);,以防我得到错误process.exit(1)

当我尝试像我得到错误的东西

    child.stderr.pipe(function () {
            console.log("im here");
            process.stderr;
            process.exit(1);
        }
    );

UPDATE2

我尝试以下方法

var child = child_process.spawn(cmd, value, opt);

child.stdout.on('data', function (data) {
    console.log("IM HERE");
    console.log('data' + data);
});
child.stderr.on('data', function (data) {
    console.log("IM HERE");
    console.log('test: ' + data);
    reject(data);
});
child.on('close', function (code) {
    console.log("IM HERE");
    console.log("close");
});
child.on('error', function (err) {
    console.log("IM HERE");
    console.log(err);
}); …

在Web应用程序中,Html5中本地存储的安全性如何,或者是否有其他方法可以保护本地存储中的敏感数据.

项目结构:

前端:Html5,Angular js,Middletier: Asp.net webApi,BackEnd:Sql Server.

用户登录页面后,使用一些加密算法对该凭证进行加密.它将存储在db中.

之后,每个子动作如产品列表,订单详情,图书历史记录,添加产品需要验证.

在页面后刷新时,数据会丢失,因此需要保留数据,因此我选择了localstorage.存储使用某些js算法加密的用户名和密码,并放入本地存储器中.

我觉得它不安全,因为任何人都可以从浏览器工具中窃取数据.

在这种情况下是否有任何替代方法,否则这种方法是安全的.

任何人都可以帮助我处理.