小编Jan*_*rju的帖子
自定义Bootstrap复选框
我在我的Angular应用程序中使用Bootstrap,所有其他样式都正常运行,但复选框样式却没有.它看起来像普通的旧复选框.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<div class="container">
<form class="form-signin">
<h2 class="form-signin-heading">Please log in</h2>
<label for="inputEmail" class="sr-only">User name</label>
<input [(ngModel)]="loginUser.Username" type="username" name="username" id="inputEmail" class="form-control" placeholder="User name" required autofocus>
<label for="inputPassword" class="sr-only">Password</label>
<input [(ngModel)]="loginUser.Password" type="password" name="password" id="inputPassword" class="form-control" placeholder="Password" required>
<a *ngIf="register == false" (click)="registerState()">Register</a>
<div class="checkbox">
<label>
<input type="checkbox" [(ngModel)]="rememberMe" name="rememberme"> Remember me
</label>
</div>
<button *ngIf="register == false" (click)="login()" class="btn btn-lg btn-primary btn-block" type="submit">Log in</button>
</form>
</div>它看起来像什么:
我想用Bootstrap样式看起来像什么:
推荐指数
解决办法
查看次数
当手指移动一点时，触摸屏上不会触发单击事件
在计算机上使用鼠标时，单击事件工作正常。即使当我将鼠标按钮放在按钮移动光标上，然后在按钮区域内释放鼠标按钮时，单击事件也会触发。但与触摸屏相同，它不起作用。我知道原因是在触摸屏中这种拖动被视为滚动。当我不在按钮上移动太多手指时，会触发单击事件。所以只能上下不动。我的客户有一个问题，他们移动手指太多，很难获得点击事件。是否可以为手指可以移动的距离设置更大的阈值，但仍将其视为单击而不是滚动？
我发现这篇文章中触摸事件是自行处理的，并将其翻译为点击事件。http://phonegap-tips.com/articles/fast-touch-event-handling-eliminate-click-delay.html我不想走这条路。
你有什么建议我该如何解决这个问题吗？
以下是有关触摸事件的更多详细信息https://developer.mozilla.org/en-US/docs/Web/API/Touch_events查看处理点击，其中描述了点击在触摸屏中的工作方式。但我还是没有成功工作。几个月前，我对evt.preventDefault();touchmove 事件处理程序进行了处理，它确实解决了问题，但目前看来还没有。
编辑：2019.11.5
以下是之前可以工作但现在不再工作的内容：
html
<body (touchmove)="touchMoveEvent($event)"></body>
TypeScript
touchMoveEvent(ev: Event): void
{
ev.preventDefault();
}
这是按钮和单击处理程序的基本角度示例，如果用户移动手指太多，则该处理程序将不起作用。我还没有检查阈值是多少，但我认为阈值接近 10px-20px。
<button (click)="onClickEventHandler($event)">Press button</button>
onClickEventHandler(ev: Event) {
//do the thing here
}
我已经使用 chrome 的 devtools 切换设备工具栏测试了触摸屏功能。
推荐指数
解决办法
查看次数