小编Ran*_* SV的帖子

按键或进入时如何防止ONBLUR事件?

我在输入字段中使用了两个事件KEYPRESSONBLUR,当按下ENTER键时,它也会触发KEYPRESSONBLUR

码:

<div id="text">
 <input type="text" onblur="onBlur()" onkeypress="myFunction(event)">
</div>

 window.myFunction = function(e) {
 if (e.which == 13) {
 document.getElementById("text").innerHTML = "text";
   console.log("keypress");
 }
}

window.onBlur = function() {
  console.log("blur");
}
Run Code Online (Sandbox Code Playgroud)

小提琴

注意:

我需要处理按键以及onblur事件,但是一次只需要触发一个事件即可。

例如:

  1. 当我按Enter键时,应触发myFunction。不是onBlur。
  2. 当我在输入字段之外单击时,应调用onBlur函数。

题:

按下ENTER键时如何防止ONBLUR事件。

您的建议将不胜感激

html javascript html5

5
推荐指数
1
解决办法
2853
查看次数

在 angular 5 中使用 ng-select 时如何添加工具提示?

我在下拉列表中使用了 ng-select,当用户将鼠标悬停在下拉列表上时,它应该显示工具提示。 代码:

<label>Grouping</label>
  <ng-select [items]="accounts"
            bindLabel="name"
            bindValue="name"
            groupBy="country"
            [(ngModel)]="selectedAccount">
  </ng-select>
Run Code Online (Sandbox Code Playgroud)

成分

 accounts = [
    { name: 'Adam', email: 'adam@email.com', age: 12, country: 'United States' },
    { name: 'Samantha', email: 'samantha@email.com', age: 30, country: 'United States' },
    { name: 'Amalie', email: 'amalie@email.com', age: 12, country: 'Argentina' },
    { name: 'Estefanía', email: 'estefania@email.com', age: 21, country: 'Argentina' },
    { name: 'Adrian', email: 'adrian@email.com', age: 21, country: 'Ecuador' },
    { name: 'Wladimir', email: 'wladimir@email.com', age: 30, country: 'Ecuador' },
    { name: 'Natasha', …
Run Code Online (Sandbox Code Playgroud)

angular

4
推荐指数
1
解决办法
2173
查看次数

如何在角度 5 的 owl-date-time 选择器中禁用过去的日期

我正在使用 angular 5 的 owl-date-time 选择器。当我从选择器中选择今天的日期时,它不应该显示过去的日期和月份。

代码:

<div class="form-group">
 <label class="control-label col-sm-2 date-right-padding">Date</label>
  <div class="col-sm-5 datePickerField no-left-padding">
   <input [owlDateTime]="createTaskDatePicker" maxlength="19" 
    [disabled]="isDateEnabledCreateTask" 
    [(ngModel)]="createTask.activationDate" placeholder="dd/MM/yyyy hh:mm" 
    class="form-control owl-date-time-input" name="createTaskDate" 
    (click)="clearCreateTaskErrorMessages()">
   <owl-date-time #createTaskDatePicker></owl-date-time>
 </div>
 <div class="col-sm-1 datePickerIcon">
 </div>
</div>
Run Code Online (Sandbox Code Playgroud)

笔记:

当用户选择当前日期时,应禁用过去日期。

题:

如何在 owl-date-time 选择器中禁用过去的日期。

你的建议对我很有帮助。

angular

3
推荐指数
1
解决办法
8522
查看次数

标签 统计

angular ×2

html ×1

html5 ×1

javascript ×1