Is there a way to disable the input field only when a keydown event occurs, without affecting other input fields?
<input type="text" (keydown)="disableInput($event)"> // <-- Disable if keydown
<input type="text" (keydown)="disableInput($event)">
<input type="text" (keydown)="disableInput($event)">
public disableInput(evt) {
if (evt.keyCode === 13 || evt.keyCode === 9) {
evt.target.tagName.disabled = true;
}
}
Your element selection is incorrect, and instead of keyCode, you should be using which.
function deactivate(event) {
var which = event.which
if (which===13 || which===9) {
event.target.disabled = true
}
}<input type="text" onkeydown="deactivate(event)">
<input type="text" onkeydown="deactivate(event)">
<input type="text" onkeydown="deactivate(event)">how do you feel about this?
<input type="text" (keydown)="$event.preventDefault();">
If you're looking for a way to control input fields dynamically, you can implement the following controller logic:
ctrl($scope) {
$scope.inputDisabled = [];
$scope.inputs = [];
for(let i = 0; i < numInputs; i++) {
$scope.inputDisabled.push(false);
$scope.inputs.push(i);
}
$scope.disableInput(which) {
for(let i = 0; i < numInputs; i++) {
$scope.inputDisabled.push(false);
}
$scope.inputDisabled[which] = true;
}
}
To apply this in your HTML code, use the following snippet:
<input ng-repeat="i in inputs" ng-disabled="inputDisabled[i]" ng-keydown="disableInput(i)">
Consider the following async function export async function fetchData() { const result = await fetchData(); return result[0].id; } In the route, there is router.post( '/some-route', handleAsyncError(async (req: Request, resp: Response, _ ...
Currently, I am in the process of troubleshooting a javascript error that is occurring within a Cordova app's InAppBrowser on an Android device. Despite being able to connect to the web-view on the phone using Chrome's remote debugging tools, the ...
I'm trying to figure out the reason behind the successful usage of __ in this particular code snippet : function editAddress (id, addressId, model) { return BusinessService .getById(id) .then(unless( () => checkUrlValue(add ...
How can I retrieve the height of an image in a JavaScript function? When I use the code: var image_height = $(image).height(); The value of image_height is 0, even though my image definitely has non-zero height. Is there a different method to accurately ...
I attempted to set up a notification to appear when saving data and displaying it in the view, but it didn't work as expected using notify.js. Can someone offer some assistance? This is my save function: function save() { $data = array( ...
Seeking clarification on Angular - is it possible to detect property value changes within the same class? import { Component } from '@angular/core'; @Component({ selector: 'my-app', templateUrl: './app.component.html', ...
I am new to Angular2 framework and I am looking to efficiently reuse a single table component across my entire application. However, I am encountering challenges when it comes to displaying arrays in the table rows. How can I iterate through any type of ar ...
Currently, I am utilizing the following code to create a MySQL dump in memory, then zip that SQL file with a password from memory and save it to the hard drive so it can be streamed to the client... /* DUMP - database */ var mysqld ...
I am currently working on developing an RSS reader and I need to convert the code returned by bundleMDX into a string. This is necessary so that I can utilize it with ReactDOMServer.renderToStaticMarkup(mdx) in my project. You can find a similar implement ...
This feels like déjà vu - yet another issue with Internet Explorer and webpack. I'm on the brink of deploying my project when IE 11 decides to mess everything up. I thought I had covered all bases with babel-polyfill and the latest versions, but of ...
My goal is to select a TS interface or type based on an external condition rather than the input. This external condition could be a feature toggle, for example. Allow me to elaborate: type NotEmptyName = string; type EmptyableName = string | null; cons ...
Does Ajax fall under client-side or server-side scripting? ...
Recently, I attempted to utilize ComponentFactoryResolver in order to generate dynamic Angular components. Below is the code snippet where I am injecting ComponentFactoryResolver. import { Component, ComponentFactoryResolver, OnInit, ViewChild } from "@an ...
Below is the HTML code I am working with: <div class="card-deck" fxLayout.xs="row" style="overflow: scroll; height:100%"> <md-card style="width:10rem" *ngFor="let make of filteredMakes" (click)="goToModels(make.niceName)" class=" ...
Previously, I created a modal component using <HashRouter> in react-router where the modal would become active or inactive based on the hash url. For example, the modal is inactive when the url is /route, but becomes active when the url is /route#m ...
Looking to modify the background-color of two css selectors, .pane and .view, that are located within the ionic.css file. Despite multiple attempts to do so using JavaScript directly in the index.html file, the changes are not reflected. The code snippet ...
I have developed a script that is designed to display the menu in a shaking motion and hide it as you scroll down. It functions properly when scrolling within the body of the webpage, but I am facing issues when attempting to do so with a div that has an o ...
Here is some JSON data I am working with: { "lang": [ { "SECTION_NAME": { "english": "My title" }, "SECTION_NAME_2": { "english": "My title" } } ] } I ...
I have a JSON object (returned by the server) and I am looking to iterate through it with either a while loop or forEach method in order to display the products in a shopping cart. The name of my object is response2, which contains the cart products. I w ...
I have successfully implemented a feature where text is displayed word by word using an ngFor directive. Within the ngFor loop, there is an if-else statement that determines whether each word should be displayed as a <span> or a <button>. Now, ...