Tag: JavaScript
INPUT元素的“change”和“input”事件有什么区别？
有人能告诉我change和input事件之间的区别是什么？ 我正在使用jQuery来添加它们： $('input[type="text"]').on('change', function() { alert($(this).val()); }) 它也适用于input而不是change 。 也许在事件顺序相对于重点有所不同？
Javascript IN运营商兼容性
有人可以告诉我，哪个ECMA版本的IN操作符是可用的，哪些浏览器（版本）支持它？ 说明： IN运营商可以使用如下： var myObject = { Firstname: 'Foo', Lastname: 'Bar' }; if('Lastname' in myObject){ // Lastname is an attribute of myObject }
从Javascript中的嵌套函数返回值
我有一个function，设置如下 function mainFunction() { function subFunction() { var str = "foo"; return str; } } var test = mainFunction(); alert(test); 根据我的逻辑，这个警报应该返回'foo'，而是返回undefined。 我究竟做错了什么？ 更新 ：这里是我的实际代码（这是一个用Google API进行反向地理编码的function） function reverseGeocode(latitude,longitude){ var address = ""; var country = ""; var countrycode = ""; var locality = ""; var geocoder = new GClientGeocoder(); var latlng = new GLatLng(latitude, longitude); return […]
触发HTML5表单validation
我有几个不同的字段集的表单。 我有一些Javascript，一次显示字段集的用户。 对于支持HTML5validation的浏览器，我很乐意使用它。 不过，我需要按照我的条件来做。 我正在使用JQuery。 当用户点击JS链接移动到下一个字段集时，我需要在当前字段集上进行validation，并在出现问题时阻止用户前进。 理想情况下，当用户失去对元素的关注时，就会发生validation。 目前没有validation去和使用JavaScript。 宁愿使用本地方法。 🙂
检查是否有迭代
在MDN文档中： https ： //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for…of 结构的for…of被描述为能够迭代“迭代”对象。 但是有没有一个好的方法来决定一个对象是否可迭代？ 我试图find数组，迭代器和生成器的共同属性，但一直无法这样做。 除了在try块中做一个for … of并检查types错误，有没有一个干净的方法来做到这一点？
在angular度js嵌套ng视图
我有两个angular度不同的应用程序。 在整合到一个单一的应用程序，我不得不 嵌套ng视图。 对于示例（index.html）是 <!doctype html> <html lang="en" ng-app="myApp"> <head> <meta charset="utf-8"> <title>My AngularJS App</title> <link rel="stylesheet" href="css/app.css"/> </head> <body> <ul class="menu"> <li><a href="#/view1">view1</a></li> <li><a href="#/view2">view2</a></li> </ul> <div ng-view></div> <div>Angular seed app: v<span app-version></span></div> <script src="lib/angular/angular.js"></script> <script src="js/app.js"></script> <script src="js/services.js"></script> <script src="js/controllers.js"></script> <script src="js/filters.js"></script> <script src="js/directives.js"></script> </body> </html> 我的一个应用程序视图是（view2.html） <div class="ng-view"></div> <p>This is the partial […]
在angularjs中，我们有ng-disabled指令，为什么ng-enabled指令不是由框架提供的，因为我们有ng-show和ng-hide
在AngularJs ng-enabled指令不提供。 有没有正当的理由不在框架中提供该指令，因为我们既可以使用ng-hide ng-show ，也可以使用ng-hide来达到我们的目的。 这不会很好，只是检查ng-enabled="attribute.value === true" 而不是ng-disabled="!(attribute.value === true)" 这会增加代码的可读性。
APIdevise和jQuery
我经常听说jQuery做出了一些糟糕的API决策。 尽pipejQuery并不是我最喜欢的库，但它是我经常使用的库，我很难指出APIdevise中的具体错误，以及如何改进。 jQuery API的哪些部分可以做得更好， 怎样才能实现不同， 为什么不同的实现会更好？ 这个问题扩展到API的低级别的个别细节和API的高级细节 。 我们只是在讨论API中的缺陷，而不是在库的高层devise/目的中的缺陷，jQuery仍然是一个以select器引擎为中心的DOM操作库。 由于stream行库中API冻结的必要性，jQuery陷入了当前状态，开发人员做得很好。 从最近的.attr和.prop变化可以看出，开发人员没有灵活性来改变他们的任何devise决定（这是一个耻辱！）。 我能想到的一个具体例子就是 $.each(function(key, val) { }) VS $.grep(function(val, key) { }) 这足以让我感到困惑，所以我必须仔细检查参数是多频繁的。 请不要将jQuery 库与dojo和YUI等完整的框架进行比较，并抱怨缺lessfunction。
移动Safari浏览器：input字段上的JavaScript焦点（）方法只适用于点击？
我似乎无法find解决这个问题的方法。 我有这样一个简单的input字段。 <div class="search"> <input type="text" value="yu no work"/> </div> 我试图把它focus()在一个函数内。 所以里面的一个随机函数（无所谓是什么函数）我有这个线… $('.search').find('input').focus(); 这在任何桌面上都能正常工作。 但是，它不适用于我的iPhone。 该领域没有得到专注，键盘没有显示在我的iPhone上。 为了testing目的，并向你们展示问题，我做了一个快速示例： $('#some-test-element').click(function() { $('.search').find('input').focus(); // works well on my iPhone – Keyboard slides in }); setTimeout(function() { //alert('test'); //works $('.search').find('input').focus(); // doesn't work on my iPhone – works on Desktop }, 5000); 任何想法为什么focus()将无法与我的iPhone超时function。 要查看实例，请在iPhone上testing这个小提琴。 http://jsfiddle.net/Hc4sT/ 更新： 我创build了与我目前在当前项目中所面对的完全相同的案例。 我有一个select框应该 – […]
如何在控制器中注入dynamic依赖
我仍然是Angularjs的一个新手。 我想dynamic地注入一个服务（我创build的）的依赖项在我的控制器中。 但是，当我编码与依赖关系的服务，我得到这个错误： 错误：未知提供者：$ windowProvider < – $ window < – base64 这是控制器的代码。 var base64 = angular.injector(['servicesModule']).get('base64'); console.log("base64", base64.encode("my text will be encoded")); 此代码工作： var servicesModule = angular.module('servicesModule', []); servicesModule.factory('base64', function() { return { name: 'base64', readonly: false, encode: function(input) { return window.btoa(input); }, decode: function(input) { return window.atob(input); } }; }); 此代码不起作用： var extModule […]
