标签: javascript-events

Javascript preventDefault无效,也不返回false;

我在发布之前已经在stackoverflow中搜索了这个问题,但任何发布的帖子似乎对我有用:(

我有这个:

function addEvent(elm, evType, fn) {
    if (elm.addEventListener) {
        elm.addEventListener(evType, fn, false);
        return true;
    }
    else if (elm.attachEvent) {
        var r = elm.attachEvent('on' + evType, fn);
        return r;
    }
    else {
        elm['on' + evType] = fn;
    }
}
Run Code Online (Sandbox Code Playgroud)

我这样做:

var el = document.getElementById('myLink');

addEvent(el, "click", function(event){
         alert('testing');
        if(event.preventDefault){
            event.preventDefault;
        }
         if (event.stopPropagation) {
            event.stopPropagation();
         }
        return false;
    });
Run Code Online (Sandbox Code Playgroud)

myLink在哪里..

<a href="http://www.google.com" id="myLink">Click me</a>
Run Code Online (Sandbox Code Playgroud)

但是当我点击de link时,它并没有停止默认的事件动作......我已经在IE,FF和Chrome上测试了,没有结果......

有什么想法吗?谢谢...

javascript events javascript-events

0
推荐指数
1
解决办法
5169
查看次数

Javascript Mootools点击事件和他的来电者?

我有这个小脚本:

var moolang = new Class({
    initialize: function(element) { 

        this.el = $(element);
        this.el.addEvent('click', this.popup);  

    },

    popup: function()
    {
        //this.id = the id of the element.
    }
});
Run Code Online (Sandbox Code Playgroud)

我想在弹出功能中知道"this".但如果我尝试像alert(this.el.id)这样的东西,它就说没有这个.el:/

有没有办法知道哪个类添加了事件?

javascript mootools javascript-events javascript-framework

0
推荐指数
1
解决办法
446
查看次数

javascript检查2位数的第一个零

我有一个带有2位数的文本字段作为userinput.我想取出第一个数字,如果是0的例子

01 02 03

将成为1 2 3

其中11 12 13

不会改变

怎么做

javascript javascript-events

0
推荐指数
1
解决办法
2432
查看次数

Javascript切换

我处理图像切换,首先点击应该隐藏图像,第二次点击应该再次显示图像.我有一些工作,但问题是,第一次点击它什么也没做,第二次点击切换开始.希望我的代码中有一些问题.请指教

<img src="img/1.jpg" width="449" height="600" class="one" id="one" style="opacity=1">
<img src="img/2.jpg" width="450" height="600" class="two">

function toggle(obj) {
    var el = document.getElementById("one");

    if ( el.style.opacity != 0 ) {
        el.style.opacity = 0;
    }
    else {
        el.style.opacity = 1;
    }
}

one.addEventListener("click", toggle, false);
Run Code Online (Sandbox Code Playgroud)

javascript javascript-events

0
推荐指数
1
解决办法
241
查看次数

如何基于页面分离jQuery事件监听器?

我总是有一个案例,我有一个.js文件,其中包含我网站上许多页面的事件处理程序,如下所示:

$(function () {  
$('#my-textbox1').click(function(){ doSomthing(); }) //--> this my-textbox1 exists in page example1.aspx  
$('#my-textbox2').click(function(){ doSomthing(); }) //--> this my-textbox2 exists in page example2.aspx  
});
Run Code Online (Sandbox Code Playgroud)

现在假设用户打开了页面example1.aspx,jquery将搜索my-textbox1,如果发现它将附加一个click事件,然后将搜索my-textbox2并且找不到它并且不会附加事件.

但是像这样的jquery在所有情况下都会在所有页面中搜索my-textbox2,

我想知道的是你做的最好的做法是避免在不需要它们的页面中调用不需要的选择器.

可能它不是2个事件的大问题,但假设我有数百个事件想要附加,这肯定会影响页面加载性能.

asp.net jquery javascript-events

0
推荐指数
1
解决办法
291
查看次数

如何使循环同步?

如何使这个循环同步?提前致谢.

码

// (...)

object = {
  'item1': 'apple',
  'item2': 'orange'
};

// (...)

for(var key in object) {

  // do something async...
  request.on('response', function (response) {
    response.on('data', function (chunk) {

      console.log('The message was sent.');

    });
  });

}

console.log('The for cycle ended.');
Run Code Online (Sandbox Code Playgroud)

产量

The for cycle ended.
The message was sent.
Run Code Online (Sandbox Code Playgroud)

我想看看这种类型的输出......

The message was sent.
The for cycle ended.
Run Code Online (Sandbox Code Playgroud)

javascript javascript-events node.js

0
推荐指数
1
解决办法
1137
查看次数

在页面加载时进行大写锁定

当封锁处于关闭状态时,如何在页面上自动生成CAPSLOCK TurnOn,

使用Javascript

javascript javascript-events

0
推荐指数
1
解决办法
2149
查看次数

$不是函数错误

我收到一些javascript错误,并想知道是否有人可以帮助我.我是js的新手,可以真正使用帮助.这里说的是带有错误的页面.http://www.gotopeak.com.

这是错误:

未捕获的TypeError:对象[对象DOMWindow]的属性'$'不是函数错误在第44行

这是代码:

    var hoverButton = {
    init : function() {     
        arrButtons = $$('.hover_button');

        for (var i=0; i<arrButtons.length; i++) {
            arrButtons[i].addEvent('mouseover', hoverButton.setOver);   
            arrButtons[i].addEvent('mouseout', hoverButton.setOff);
        }

    },
    setOver : function() {
        buttonImageSource = this.src;
        this.src = buttonImageSource.replace('_off.', '_hover.');
    }, 
    setOff : function() {
        buttonImageSource = this.src;
        if (buttonImageSource.indexOf('_hover.') != -1) {
            this.src = buttonImageSource.replace('_hover.', '_off.');
        }
    }
}

window.addEvent('domready', hoverButton.init);



var screenshots = {
    numScreens : 0,
    currScreen : 0,
    screenContainerAnimation : null,
    screenFadeSpeed : 200,
    animating : …
Run Code Online (Sandbox Code Playgroud)

javascript mootools javascript-events

0
推荐指数
1
解决办法
3148
查看次数

让jquery脚本按预期工作的问题

我是jquery的新手.我想要一个简单的清单.我只是想显示和隐藏其他细节.

<ul>
  <li><div onclick="show()"><img src="product_pic" />Product 1</div><div id="details" class="hide">short intro about the product</div></li>
<ul>  
Run Code Online (Sandbox Code Playgroud)

CSS

.hide {display: none;}
Run Code Online (Sandbox Code Playgroud)

jQuery的

function show(){
     $(this).next().toggleClass('hide');
}
Run Code Online (Sandbox Code Playgroud)

它不起作用.我感谢任何帮助.

谢谢.

javascript jquery onclick javascript-events

0
推荐指数
1
解决办法
134
查看次数

在ajax加载内容后,Jquery Quicksand过滤器+ prettyphoto无法正常工作

我正在测试quicksand脚本来过滤一些图像.

我用这里的一些图像实现了脚本.
正如你所看到的那样,有不同颜色的圆形,五角形和三角形.
过滤器对此内联脚本运行良好tnx:

<script type="text/javascript" charset="utf-8">
    (function($) {
        $.fn.sorted = function(customOptions) {
            var options = {
                reversed: false,
                by: function(a) {
                    return a.text();
                }
            };
            $.extend(options, customOptions);

            $data = $(this);
            arr = $data.get();
            arr.sort(function(a, b) {

                var valA = options.by($(a));
                var valB = options.by($(b));
                if (options.reversed) {
                    return (valA < valB) ? 1 : (valA > valB) ? -1 : 0;              
                } else {        
                    return (valA < valB) ? -1 : (valA > valB) ? 1 : …
Run Code Online (Sandbox Code Playgroud)

jquery lightbox javascript-events quicksand

0
推荐指数
1
解决办法
5244
查看次数