Tag: JavaScript

将文本字段限制为数字的最佳方法？: 我正在使用下面的JavaScript限制我的网站上的文本字段只接受数字input，并没有其他字母或字符。问题是，它真的拒绝所有其他键input，如CTRL – Aselect文本，甚至任何其他浏览器function，如CTRL – T或CTRL – W，而文本框被选中。有谁知道一个更好的脚本只允许数字input，但不阻止正常的命令（这是不是直接input到领域）？谢谢这里是我现在使用的代码： function numbersonly(e, decimal) { var key; var keychar; if (window.event) key = window.event.keyCode; else if (e) key = e.which; else return true; keychar = String.fromCharCode(key); if ((key==null) || (key==0) || (key==8) || (key==9) || (key==13) || (key==27)) return true; else if ((("0123456789").indexOf(keychar) > -1)) return […]

如何用一个值函数设置多个属性？: 给定包含多个数据元素（如对象或数组）的数据，是否可以使用单个值函数在select上设置多个属性？例如： var data = [{ 'x': 10, 'y': 20, 'r': 5 }]; d3.select('body').append('svg').selectAll('circle') .data(data) .enter().append('circle') .attr('cx cy r', function (d) { return [dx, dy, dr]; }); 代替： var data = [{ 'x': 10, 'y': 20, 'r': 5 }]; d3.select('body').append('svg').selectAll('circle') .data(data) .enter().append('circle') .attr('cx', function (d) { return dx; }); .attr('cy', function (d) { return dy; […]

如何防止onclick方法中的默认事件处理？: 如何在onclick方法中防止默认？我有一个方法，我也传递一个自定义的值 <a href="#" onclick="callmymethod(24)">Call</a> function callmymethod(myVal){ //doing custom things with myVal //here I want to prevent default }

使用快递把手和angularJS: 背景我目前正在构build一个使用NodeJS服务器的网站， Express Handlebars （只是Handlebars，但服务器端），并希望AngularJS的一些客户端的东西。问题 AngularJS和Handlebars使用相同的语法模板 {{foo}} 这会导致AngularJS代码首先被Express Handle解释的问题，然后它会抛出一个错误，因为它试图拉取的数据只存在于Angular not Node中。问题有没有办法让AngularJS和Express车把一起工作？可能的解决scheme 改变AngularJS的语法我在看BackboneJS，它看起来像是可以改变语法。 AngularJS可能有类似的东西。在快速把手中创build一个辅助工具。它只会返回未parsing的内容。但是我无法弄清楚如何做到这一点。

如何validation具有多个checkbox的表单以检查至less一个: 我试图validation一个窗体使用jQuery的validation插件。我想要求用户至less检查一个组中的一个checkbox，以便提交表单。这是我的jQuery代码： $().ready(function() { $("#subscribeForm").validate({ rules: { list: {required: "#list0:checked"} }, messages: { list: "Please select at least one newsletter"} }); }); 这里是html表单： <form action="" method="GET" id="subscribeForm"> <fieldset id="cbgroup"> <div><input name="list" id="list0" type="checkbox" value="newsletter0" >zero</div> <div><input name="list" id="list1" type="checkbox" value="newsletter1" >one</div> <div><input name="list" id="list2" type="checkbox" value="newsletter2" >two</div> </fieldset> <input name="submit" type="submit" value="submit"> 问题是，即使没有任何检查，表单提交。我该如何解决这个问题？

如何使用Javascript / CSS创build开/关开关？: 我想要一个滑动开关。左边是Off，右边是On。当用户切换开关时，我希望“滑块”部分滑动到另一侧并指示closures。然后，我可以有一个callback，作为input切换开关的状态，所以我可以采取相应的行动。任何想法如何做到这一点？

如何判断在表格中点击哪个行号？: 我有一个如下表格： <table> <tr> <td>1</td><td>1</td><td>1</td> </tr> <tr> <td>2</td><td>2</td><td>2</td> </tr> <tr> <td>3</td><td>3</td><td>3</td> </tr> </table> 当用户点击表格时，如何获得该行的索引（ tr元素）？例如，当我点击第一个tr （在上面的表中有1 s）时，它应该select并返回1 。

检查的东西是空的Javascript？: 我怎样才能检查一个variables是否为空的Javascript？对不起，愚蠢的问题，但我是一个JavaScript的新手！ if(response.photo) is empty { do something else { do something else } response.photo来自JSON，有时候可能是空的，空的数据单元格！我想检查它是否是空的。

JavaScript自定义事件监听器: 我想知道是否有人可以帮助我了解如何创build不同的自定义事件侦听器。我没有一个具体的事件的例子，但是我想一般地学习它是如何完成的，所以我可以将它应用在需要的地方。我想要做的事情，只是一些人可能需要知道，是： var position = 0; for(var i = 0; i < 10; i++) { position++; if((position + 1) % 4 == 0) { // do some functions } }

如何检测页面何时退出全屏？: 我正在用Three.js创build一个3D多人游戏，玩家可以join各种现有的游戏。一旦“播放”被点击，渲染器被追加到页面和全屏。这很好，但问题是，当我退出全屏，它仍然保持附加。我想删除它，但我不知道什么时候！所以，基本上，我正在寻找一个事件，说“这个元素退出全屏”。这是我如何将渲染器追加到页面： container = document.getElementById('container'); document.body.appendChild(container); var renderer = new THREE.WebGLRenderer({antialias: true}); renderer.setSize( WIDTH, HEIGHT); container.appendChild( renderer.domElement ); 这如果我如何全屏显示它： THREEx.FullScreen.request(container); renderer.setSize(screen.width, screen.height); 另外，有没有办法阻止这个令人讨厌的标题出现时，只要有人点他的鼠标到页面的顶部？而且，我想我可以防止在Firefox和Chrome中使用preventDefault从事全屏操作（退出全屏模式）？而且，还有谁知道为什么Firefox在3D渲染方面比Chrome慢得多？我的意思是，我正在使用WebGL，这意味着正在使用GPU！编辑： “fullscreenchange”事件确实被解雇了，但是在不同的浏览器下它有不同的名字。例如，在Chrome上称为“webkitfullscreenchange”，在Firefox上则为“mozfullscreenchange”。