真的是问题.我在页面上有一个输入框,我想在使用键盘选项卡键导航时忽略它.
我正在使用这个输入框作为一个简单的机器人蜜罐并将其定位在页面之外,因此在使用tab键时,它会向用户显示,当它们选中此元素时没有任何焦点.
有什么方法可以阻止Chrome自动填充输入框？我有一个带有注册表单和登录表单的页面.在Chrome中,如果用户已经注册并且他们已到此页面登录,则注册表单上的密码输入框将填入其密码.我真的想强制注册字段永远不会自动完成.
我尝试过设置autocomplete ="false",但这没什么区别.
我目前有一个带有单个ui-view的root index.html,它取决于用户所在的"页面",例如书籍,游戏等.以"图书"页面为例,此视图包含我的内容喜欢在所有作为"书籍"空间一部分的页面上显示,但中心内容将根据用户是否在书籍"主页"上或查看特定书籍而有所不同.为方便起见,我的books.html有一个嵌套状态,其中包括books_list.html或books_detail.html.
我想要的网址结构是:
如何导航到/ books时如何设置状态以在嵌套视图中包含books.html模板和books_list.html模板,但在导航到/ books/1时有books.html AND books_detail.html？
我目前通过拥有"家庭"子状态来解决这个问题,但这意味着我必须拥有/ books/home,并且/ books显示没有中心内容,因此目前无用.
.state('books', {
url: '/books',
templateUrl: CONFIG.static_url + '/html/books.html',
...
})
.state('books.home', {
url: '/home',
templateUrl: CONFIG.static_url + '/html/books_list.html',
...
})
.state('books.detail', {
url: '/:bookId',
templateUrl: CONFIG.static_url + '/html/books_detail.html',
...
})
我有一个绝对定位的div,它充当页面中心的模态窗口.模态窗口可垂直滚动,右侧有滚动条.页面本身也可以垂直滚动,右侧有一个滚动条.我希望能够点击链接并让模态窗口滚动到链接的项目.
我可以使用target.scrollIntoView()来实现这一点.但整个页面与模态窗口一起滚动 - 我希望它能使页面不移动,只有模态窗口滚动.如果我使用scrollIntoView(false),页面本身不会滚动,而模态窗口会滚动,但目标元素位于窗口的底部,而我喜欢它在顶部.
有什么办法可以手动抵消div中目标的位置吗？即如果我使用scrollIntoView(false),目标显示在div的底部 - 如果我可以将它偏移到视图窗口的高度我应该能够将它移动到顶部..？
注意:我不能使用JQuery等.
在此先感谢您的帮助.
我刚刚开始使用AngularJS作为我正在考虑组合的新应用程序但是在使用路由和视图时遇到了问题.
我已经将这个例子剥离到最低限度,但问题仍然存在.所有这个例子都是在点击服务器并返回index.html页面,然后该页面来源Angular等.
的index.html
<!doctype html>
<html lang="en" ng-app="main">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" src="css/style.css" />
<script type="text/javascript" src="js/ext/angular.min.js"></script>
<script type="text/javascript" src="js/ext/angular-route.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/test.js"></script>
<base href="/ui/">
</head>
<body>
<div ng-view></div>
</body>
</html>
main.js
(function() {
var app = angular.module('main', ['ngRoute', 'test']);
app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$routeProvider
.when('/test', {
templateUrl: 'html/test.html',
controller: 'TestCtrl'
})
.otherwise({
redirectTo: '/test'
});
$locationProvider.html5Mode(true);
}]);
})();
test.js
(function() {
var app = angular.module('test', []);
// get hierarchy
app.controller('TestCtrl', ['$scope', function($scope) …angularjs ×2
html ×2
javascript ×2
anchor ×1
autocomplete ×1
css ×1
input ×1
scroll ×1
scrollbar ×1
tabindex ×1