标签: javascript-events

如何禁用链接上的点击也调用连接到其父容器的javascript事件?

我在html中的表中有一行连接到以下javascript函数:

<script type='text/javascript'>
        $(window).load(function () {
            $(".clickable").click(function () {

                $(this).next().toggle();

            });
        }); 
Run Code Online (Sandbox Code Playgroud)

此函数直接在此行下方展开一些内容.我在这一行中也有一个链接,用于点击进入另一个页面.它看起来像这样:

在此输入图像描述

当我点击链接时,它会在导航到应该去的页面之前快速展开内容.

如何更改它,以便如果单击链接,它会转到该页面而不调用扩展额外内容的javascript函数?

javascript jquery javascript-events

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

使用鼠标middleclick按钮提交表单

嗨,我正在研究一个系统,我想让系统更容易使用.我在页面上有几个表单,每个表格都有很大的表格.我不擅长JS所以任何建议都会受到赞赏.提前10倍!

html javascript php jquery javascript-events

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

替代.is(":hover")?在Opera中不起作用

见http://jsfiddle.net/cgWdF/3/

除了最新的歌剧之外,每个浏览器都可以正常工作*.

*未在IE9下测试过

应该已经指定,它需要返回true或false,我不是用它来绑定事件.

javascript jquery opera javascript-events hover

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

我是否应该担心附加许多不需要的事件处理程序/监听器?

我在每个页面上都有一个包含许多jQuery事件处理程序的站点,所有这些都在一个大的.js文件中.

这意味着对于任何页面,大多数事件处理程序都是针对不存在且根本不会使用的HTML.

这会是我的表现吗?

编辑:作为一个例子,大多数事件处理程序将完成这样的事情:

$(".page").on("click", ".notes .add", function(){ ... });
Run Code Online (Sandbox Code Playgroud)

因为.on()适用于新元素,它是否会浪费处理能力,或者只有在ajax调用之后DOM发生变化时才会生效?所以为了进一步澄清我的问题,我想我应该分解为两部分.

  1. 如果有表演ding,什么时候会发生?(总是,在任何情况下,仅在DOM上更改,仅在加载时).
  2. 叮叮当然要担心吗?我该如何测量?如果有一千个这样的听众,那么会在几秒,几毫秒,几微秒内测量叮?我知道我可以加载页面并看看它的"感觉"但是我想知道如果我在开始之前构建了整个错误的东西!

jquery event-handling javascript-events

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

使用initKeyboardEvent

我正在尝试找到使用initKeyboardEvent()的基本示例.理想情况下,我想创建一个键盘事件,当用户在一个输入字段中键入时按下输入按钮时,将使用jQuery显示另一个输入字段.有谁知道我在哪里可以找到使用initKeyboardEvent()的基本可理解示例?

html javascript javascript-events

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

如何在调用相同函数时处理多个JS事件

如何处理多个JS事件来调用相同的函数..请看代码..

我的要求是检查在文本框中输入的客户端代码的唯一性.所以我使用这样的东西.

我的代码:

<input type="text" 
onblur="function1(arg1,arg2)" 
onclick="function1(arg1,arg2)"
onfocus="function1(arg1,arg2)">
Run Code Online (Sandbox Code Playgroud)

那么,还有其他更好的方法来重写这段代码.

javascript javascript-events

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

如果更改DOM,您如何做某事?

如何检测文档何时更改?

我知道我可以这样做:

var lastHTML = document.body.innerHTML;
setInterval(function() { if(document.body.innerHTML != lastHTML) { DOMupdated() } }, 500);
Run Code Online (Sandbox Code Playgroud)

但是有没有我可以放置的事件处理程序,比如onchange?

javascript javascript-events

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

.append jQuery函数

操作后应生成的HTML.

<div class="comments_action_207">
   <div class="list_item_comments list_item_comments_207">
      <div class="comment_separator">text goes here</div>
   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

操作前的HTML

<div class="comments_action_207"></div>
<div class="list_item_comments list_item_comments_207"><div class="comment_separator">text goes here</div></div>
Run Code Online (Sandbox Code Playgroud)

允许我进行上述操作的JavaScript是

$(function() {
    $('.comments_action_207').click(function() {
        var num = this.className.split('_').pop();
        $('</div>',{'class':'list_item_comments list_item_comments_' + num})
            .append('<div class="comment_separator">text goes here</div>')
            .appendTo(this);
    });
});
Run Code Online (Sandbox Code Playgroud)

我测试了上面的JavaScript,它工作正常.但我不明白的是为什么我不必传递一个开头div标签,如下所示.如果我传递一个开放的div标签代码不能正常工作.

$('<div></div>',{'class':'list_item_comments list_item_comments_' + num}).
Run Code Online (Sandbox Code Playgroud)

如果你可以请逐行解释,这样我就更容易理解了.

谢谢

javascript jquery javascript-events

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

如何创建网页子节的深层链接?

有谁知道我如何创建个人网页的子部分的深层链接?

Wiki似乎破解了它,但我似乎无法在网络上的任何地方找到答案.

PS保持简单!

html javascript hyperlink javascript-events deep-linking

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

如何在javascript中添加两个值

这是一个带有值的简单下拉列表.我试图将值作为货币拉出然后添加.

这些值没有被添加(1+1=2或1+2=3),而是连接(1+1=11或1+2=12).我在哪里错了?:

<script>
    function displayResult()
    {
        var strm=document.getElementById("matt").options[document.getElementById("matt").selectedIndex];
        var t=strm.text.search("\\\$");
        var strb=document.getElementById("box").options[document.getElementById("box").selectedIndex];
        var b=strb.text.search("\\\$");
        var x=strm.text.substr(t+1);
        var y=strb.text.substr(b+1);
        var math= x + y;

        alert(strm.text.substr(t+1));
        alert(strb.text.substr(b+1));
        alert(math);
    }
</script>

<form>
    Select #1:
    <select id="matt">
        <option>$1.00</option>
        <option>$2.00</option>
    </select>

    <br />
    Select #2:
    <select id="box">
        <option>$3.00</option>
        <option>$4.00</option>
    </select>

</form>

<button type="button" onclick="displayResult()">Display index</button>
Run Code Online (Sandbox Code Playgroud)

javascript javascript-events

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