Tag: javascript

单击链接文本时,jquery函数(event)event.target.id为空

我有一个侧面菜单,点击时滑出以显示内容面板。 基于单击的菜单项,我显然需要在面板中填充不同的东西。 我写了一个function来操作菜单/面板,它部分工作。 但是,我正在尝试根据event.target.id确定要加载的内容(因为函数接受event )但是当我非常靠近链接方块的边缘时它只有一个值。 当我点击实际文本h1和h6并没有id ,它不起作用。 现场演示(点击“样式”广场边缘,然后在中间点击): http : //jsfiddle.net/mANuD/ S Styles D Designers C Code ? Help 如何修复/改进这一点,以便在我点击链接区域的哪个位置无关紧要?

如何在时间到达特定时间时触发function

我想在时间到达,比如下午3点时触发javascript函数。 时间将动态分配。 那么有没有任何javascript函数来实现?

选择具有特定宽度的div

快速问题:如何选择具有一定宽度的div。 例如,我们在一个页面中有10个div,我想选择宽度为200px并执行某些操作的那个。 非常感谢。

如何测量符合文档宽度的字符数?

我需要在JavaScript中编写(我使用的是jQuery),这是一个能够识别适合浏览器窗口一行的字符数的函数。 我正在使用等宽字体来缓解这个问题,但如果我将它推广到不同的字体会更好。 我怎么知道浏览器中有多少个字符会填满? 目的是计算填充一行的字符数。

“在新标签/窗口中打开”时的.click()事件

当我在标签上使用.click()时,该事件仅在我单击元素时才有效。 否则,如果用户右键单击>在新窗口中打开或在新选项卡中打开,则不会触发click()事件。 所以,我的问题是……当用户右键单击>在新选项卡/窗口中打开时,如何触发click()事件? 这是HTML: Click Me 这是Js: $(“a”).click(function(){ alert(‘You clicked me!’); });

Google Chrome document.body.scrollTop始终返回0

在Google Chrome中,document.body.scrollTop始终返回0。 我试试 if (window.pageYOffset > 0) { st = window.pageYOffset; } else if (document.documentElement.scrollTop > 0) { st = document.documentElement.scrollTop; } else { st = document.body.scrollTop; } 但不工作。 document.body.scrollTop正在使用firefox。 即使在Chrome控制台中,当我在控制台中使用此代码时也无法正常工作。 enter code here $(‘html, body’).stop().animate({ scrollTop: 50 }, 500);

哪种方法可以过滤文本字段的数值?

我正在开发一个文本字段,使用那种不允许您输入数字值以外的validation。 因此,我的初始代码看起来很简单,与此类似: $(textField).onKeyPress(function(e) { if (e.which 57) e.preventDefault(); }); 这是非常明确的,但转向(在所有浏览器的最新版本中)Firefox也会使用箭头键和删除/退格键来阻止移动,而其他浏览器则不会。 环顾四周,我发现我还需要检查这些键,并检查e事件参考中公开的不同属性。 我的最终代码看起来像这样: $(textField).onKeyPress(function(e) { var code = e.which || e.keyCode; if (code > 31 // is not a control key && (code 40) // is not an arrow key && (code 57) // is not numeric && (code != 46) // is not the delete […]

基于鼠标移动的HTML5平移

我正在尝试在HTML5中实现在canvas内“平移”的function,我不确定实现它的最佳方法。 目前 – 我正在尝试检测canvas上鼠标的位置,如果它在边缘的10%范围内,它将朝那个方向移动,如图所示: 当前边缘检测: canvas.onmousemove = function(e) { var x = e.offsetX; var y = e.offsetY; var cx = canvas.width; var cy = canvas.height; if(x <= 0.1*cx && y <= 0.1*cy) { alert("Upper Left"); //Move "viewport" to up and left (if possible) } //Additional Checks for location } 我知道我可以通过在canvas中创建路径并将事件附加到它们来实现这一目标,但我没有用过很多东西,所以我想我会问这里。 此外 – 如果一个“包装”平底锅是可能的将是很棒的(向左平移将最终到达右侧) 。 简介:我想知道在HTML5 […]

如何设置div背景的不透明度?

我有一个带有0不透明度背景的div #test,我想要动画它直到达到0.7的不透明度。 但.animate似乎不适用于css rgba。 我的css是: #test { background-color: rgba(0, 0, 0, 0); } 我的HTML: Some text 和我的jQuery: $(‘#test’).animate({ background-color: rgba(0, 0, 0, 0.7) },1000); 这里有一个jsFiddle: http : //jsfiddle.net/malamine_kebe/7twXW/10/ 非常感谢你的帮助!

更改所有图像源jquery

如果无法加载,我想更改所有图像源。 一些公司阻止访问Dropbox,所以我喜欢使用替代链接的图像。 另外,我不想修改图像和CSS文件。 我的代码适用于第一个图像,但使每个图像源都相同。 我该如何解决? 提前致谢: var image = new Image(); image.src = “http://dropbox.com/favicon.ico”; if (image.height < 0) { var imgsrc = $('img').attr('src'); var imgsrc1 = imgsrc.substr(imgsrc.lastIndexOf("img/")); imgsrc1 = imgsrc.substr(4); var imgalt = imgsrc1.substr(4,imgsrc.length – 4); var imgsrc2 ='t/' + imgsrc1; $('img').attr('src',imgsrc2); $('img').attr('alt',imgalt); } else { var imgsrc = $('img').attr('src'); var imgsrc1 = imgsrc.substr(imgsrc.lastIndexOf("img/")); imgsrc1 […]