标签: javascript-events

在我的聊天应用程序中,有一些文本字段可以获取用户登录详细信息.

填写用户详细信息时,如果用户突然按下ESC键,数据将丢失.

我需要禁用ESC键的功能吗？我需要使用哪个活动？我怎样才能做到这一点.

我的Java脚本代码是,

function esc(e){
    e = e || window.event || {};
    var charCode = e.charCode || e.keyCode || e.which;
    if(charCode == 27){
    return false;
    }
}

在Stack overflow和google中搜索了很多.没有任何工作.请任何人帮助我这样做.谢谢..

我试图在点击div时隐藏div和它的子节点,但是当它的任何一个子节点发生任何事件时都不会; 例如,滑动,点按或单击.

在点击时隐藏div的jQuery很简单:

$("#tabs").click(function(){
    $(this).fadeOut();
});

但是我注意到,当它的孩子被点击或滑动时,div会淡出.

当这些事件发生在它的孩子身上时,我怎样才能防止div淡出,但是只允许它自己消失？

我会动态地在页面中添加一些"Li"标签.

每个"Li"都有这样的代码:

<li id="file-1000">
    <a target="_blank" href="pack.jpg" style="display: block;" class="pirobox_gall first last">
       <img alt="" src="pack_thumb.jpg" class="attached">
       <i style="display: none;" class="icon-close2" id="delIcon-1000"></i>
    </a>
</li>

结果:

事件:

1)我将一些事件绑定到"a"和"i"标签,如下所示:

$(document)
    .on('mouseenter',
        '#file-1000',
        function () {
            $('#delIcon-1000').fadeIn(200);
        })
    .on('mouseleave',
        '#file-1000',
        function () {
            $('#delIcon-1000').fadeOut(200);
        })
    .on('click',
        '#delIcon-1000',
        function () {
            alert('Close btn is clicked');
        });

2)另一方面,"a"标签在其点击事件上有其他指定的事件(通过jQuery图像幻灯片插件:piroBox)

因此,当我点击图像时,我看到一个很好的弹出我的图像(作为一张大图),但当我点击删除按钮时,我看到大图像+"点击关闭btn"消息"在一起.

当我单击"删除"按钮时(当我单击它的子项时),我想要阻止"a"标记单击事件(父事件).

我知道使用stopPropagation()是一个解决方案,但它在这里不起作用,我不知道如何在$(document).on(....)方法中使用它.

编辑: 我尝试了一些答案,但他们失败了,结果是这样的:

黑框上面是>>一个弹出框,用于显示更大的图片(我想防止打开这个框架)

当单击按钮textarea出现时允许用户键入消息.在输入消息后我想要textarea隐藏.

输入信息后,任何人都可以帮我隐藏文本区域.

这是我的javascipt代码:

        <script>
        function showDiv1() {
        document.getElementById('welcomeDiv1').style.display = "block";
                            }
        </script>

这是我的HTML代码:

       <div> <span style="display: inline-block;text-align: center; margin:-73px 0px -10px 61px; "><a href ="#"><img src="/wp-content/uploads/2013/03/reject_5.jpg" width="60" height="60" style="margin:0px 0px 0px 0px"  value="Show Div" onclick="showDiv()"/></a><br />Decline</span></div>
       <textarea id="welcomeDiv"  style=" display:none; border:1px solid #666666; height:70px; margin:16px 0 0 8px " class="answer_list" title="Message to Employer" onFocus="this.value=''" > Message to Employer </textarea>

我想做这个函数的反向我想将数字从阿拉伯语转换为英语

       <script type="text/javascript">
       function numentofa(n) {
        var digits = [],
            r;
        do {
            r = n % 10;
            n = (n - r) / 10;
            digits.unshift(String.fromCharCode(r + 1776));
        } while (n > 0);
        return digits.join('');
        }

        window.onload = aa();

        function aa() {
            var oooook = numentofa("121");
            $('.numbers').append(oooook);
            alert(oooook);
        }


</script>

HTML

<tr class='test_file'>
    <td id=img_id><img src='"+ROOT_PATH+"/assets/arrow_black_right.png' /></td>
    <td colspan=2 id=fileName>"+fileName+"</td>
</tr><span>

我需要在jQuery中单击id = fileName的td时更改图像.

如何使用jQuery 获取img标记并更改其src属性？

我想做这样的事情:

$($(this).closest("img")).attr("src")

在我的Javascript App(jQuery)中,我有两个异步触发的事件

• 小部件1在完成加载时触发"Event1"
• 小部件2在完成加载时触发"Event2"

如何"同步"这两个异步事件,以便在这两个事件触发后"调用方法".

我还需要一种适用于多个事件的方法.

我需要将事件对象和事件源对象传递给处理函数.我相信我理解外部JavaScript是如何工作的:

<input id="input2"/>
<script>
function getKey2(e) { alert(this.id+e.keyCode); }
document.getElementById("input2").onkeypress = getKey2;
</script>

该onkeypress事件方法被限定在输入2 DOM,因此这指向它和事件对象作为第一个参数传递给函数.但我对内联javascript感到困惑:

<input id="input1" onkeypress="getKey1(this,event)"/>
<script>
function getKey1(obj,e) {
    alert(obj.id+e.keyCode);
}
</script>

第一个参数,这个,应该是窗口对象,但是当它被复制到OBJ上的事件,它是事件源对象中,输入1从DOM.第二个参数event应该是全局事件对象,但是在调用时,会将事件对象传递给函数.显然,我的推论是错误的 - 通话如何运作？

长话短说:为什么以下字符中的对象值不一样？

              | name   object value
----------------------------------
in onkeypress | this   Window
in getKey1    | obj    DOM input1


              | name   object value
----------------------------------
in onkeypress | event  global event
in getKey1    | e      keypress event

在这里小提琴

我正在使用以下代码,但它返回以下错误

 Uncaught TypeError: Object [object HTMLAnchorElement] has no method 'userInput'

这是代码jsfiddle

var ClickEvent = function (event) {
    this.ev = $('.' + event);
    this.ev.on('click', function () { this.userInput(); });
};

ClickEvent.prototype = function () {
    return {
        userInput: function () {
            console.log('user');
        },

        show: function () {
            console.log('show');
        }
    };   
}();

var c = new ClickEvent('event');

我userInput在on()回调函数内部调用函数,但它返回上面error.

我怎么解决这个问题？

而是一个关于javascript事件的技术问题:

为什么

window.onmousewheel = console.log;

扔了Uncaught TypeError: Illegal invocation,而

window.onmousewheel = function (e) {console.log(e); };

按预期工作并将事件打印为字符串？为什么console.log在分配时window.onmousewheel,不仅仅使用lambda表达式之类的参数调用？

西蒙