标签: keyup

页面中任何表单上的JQuery Keyup?

我有一个关于jquery的keyup的快速问题.我在一个页面上有几个表单输入字段,它们都有不同的ID,但它们都是两个类之一 - 数字框或文本框,都包含在div id - 内容中.我可以使用这些类或div来捕获按键,因为我不知道表单的ID吗?或者甚至只是抓住页面上所有表格的按键.我不知道我解释得有多好:

这将使用表单id ="add"

          $(add).keyup(function () {
             value = $(add).val()
             alphaCheck()
             ;
             }).keyup();
Run Code Online (Sandbox Code Playgroud)

但是,如果我不知道表单id只有它的类或div包含它我可以使用它吗?所以类似于:

 $(.class).keyup(function () {
Run Code Online (Sandbox Code Playgroud)

要么

 $(#div).keyup(function () {
Run Code Online (Sandbox Code Playgroud)

我可能已经解释得非常糟糕,但希望有人可以指出我正确的方向.非常感谢,谢谢.

jquery keyup

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

Cmd使用javascript输入keyup组合检测

我正在使用键盘检测到我的所有表单来检测输入按钮.这很容易,如果您在输入并且事件keyCode等于13然后提交表单时,您将注意力集中在表单的输入中.

但是现在我想要检测Cmd + Enter组合,因为当你专注于textarea时,输入按钮是一个换行符.那么我的检测语句应该如何?

谢谢

javascript onkeyup keyup

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

textarea中的单词总数返回11

我有一个简短的例程,它应该获得textarea中的单词数,然后将该数字输出到target.然而,无论实际上有多少单词,它总是返回11.

我确信这很简单,但我看不出来,所以如果有人能给我一些指示,我会很感激.谢谢.

jQuery(document).ready(function($){

    var target = $('.dd-options #wp-word-count .word-count');

    jQuery('textarea#welcome_text').on('keyup', function(){

        var text = $(this).val,
            word_count = $.trim(text).split(' ').length;

        target.html(word_count);

    });

});
Run Code Online (Sandbox Code Playgroud)

jquery keyup

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

将.keyup绑定到动态创建的元素

我已经看到了很多关于此的问题,但我仍然难以接受.我可以真正使用一些帮助来理解我在这里做错了什么.

(我的术语可能在下面不正确)

我有一个textarea和一个.keyup函数通过类名绑定它

这第一个textarea发射功能很好

然后我动态添加第二个textarea,用于触发相同的功能

我的.keyup功能

$('.trans').keyup(function() {
    alert("Working");

});   
Run Code Online (Sandbox Code Playgroud)

我知道上面的内容对新创建的textarea不起作用,因为它在绑定函数时不是DOM的一部分.我已经尝试了几个针对其他问题但仍然无法解决这个问题:

我试过的其他事情:

// I also tried this   
// Neither textarea responds if this is used     
 $('.trans').on('keyup', '.newTrans', function() {
    alert("Working");
 }); 


// I also tried this 
// Only the first textarea responds    
 $('.trans').delegate('.newTrans', 'keyup', function(){
   alert("Working");
 });
Run Code Online (Sandbox Code Playgroud)

这是一个JSfiddle,如果需要,可以使用更多的代码:

的jsfiddle

javascript bind dynamic-data keyup

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

我想在html中使用addeventlistener而不是onkeyup

<center><h14>for typing help<a href="help.html"> click here</a></h14></center>

<td valign="top"><center>


//in this line I want to use addEvent instead of onkeyup

<textarea id="ta_in" rows="7" cols="42" onkeyup="get_ml()"></textarea>

<br>

<textarea id="ta_out" rows=7" cols="42"></textarea></center>

</td>
Run Code Online (Sandbox Code Playgroud)

html javascript addeventlistener onkeyup keyup

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

单击jQuery没有关注readonly输入字段(在Firefox中)

我正在尝试创建一个输入字段,实时显示另一个输入字段中的字符数.当用户点击它并且该字段是只读时,我不希望专注于该计数器字段.在Chrome中,这个领域没有得到关注,只有readonly是必要的,但在Firefox中,当我点击它时它仍然是一个焦点.我尝试使用例如blur()来防止这种情况,但它不起作用.我做错了什么或解决方案是什么?

$(function(){
$("input[type='text']").on("keyup", function(event){ 
    $(".counter").blur();
    $("#counter_1").val($(this).val().length);
    }); 
});
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/67Bpa/3/

jquery focus input-field keyup

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

如何在textarea中的keyup上添加和删除CSS类?

我问了这个问题的早期版本并学会了使用.css来改变课程.但是,我决定使用addClass和removeClass(这将使我将要引入的后续函数更容易).

这是代码和jsfiddle:

$(function(){
   if($.trim($('.text-edit1').val()).length){
      $(this).addClass('active-text');
   });
});
Run Code Online (Sandbox Code Playgroud)

我想要做的就是在用户输入textarea时添加背景颜色,并在删除文本时删除颜色.我试着编写函数的开头但是无法让它工作......

如果有人知道如何做到这一点会很棒.提前致谢!

jquery addclass keyup

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

Angular:如何使用$ this获取输入值

我希望在一个可以从多个输入运行的keyup函数中获得一个输入值.每次有一个键盘时,该功能将根据具体输入触发.所以,我试图在函数内部使用$ this.到目前为止没有成功.. HTML代码:

<input ng-keyup="getRxcui()" placeholder="Type med a" id="medicineA" />
<input ng-keyup="getRxcui()" placeholder="Type med b" id="medicineB" />
Run Code Online (Sandbox Code Playgroud)

角度代码:

var rxConflicts = angular.module('rxConflicts', []);

rxConflicts.controller('MainController', function($scope, $http){
    $scope.getRxcui = function(event){

        // getting the value for each medicine input
        var medValue = $(this).value;
        console.log(medValue);

    }
});
Run Code Online (Sandbox Code Playgroud)

我非常确定$(this)是正确的方法,这样我就不需要为每个输入复制该函数并使用ng-model ...你可以认为角度工作正常.任何帮助表示赞赏.谢谢

javascript this keyup angularjs

1
推荐指数
2
解决办法
4952
查看次数

Keyup显示成功消息一次

我有一个文本区域,每当用户点击一个键或在文本区域内写入时,它就会将数据保存在我的数据库中.我的问题是,当我想要显示一个成功的消息,如"保存",<p>它会重复自己,每当有人点击一个键,我希望它重复显示相同的消息,但只有一次.

如果可能,可在10秒后删除成功的"已保存"消息.

这就是我的意思:
我想删除这个

HTML:

<div class="form-group">
     <label for="comment">Kommentar:</label>
     <textarea class="form-control" rows="5" id="comment" name="comment"></textarea>
  <p name="message" id="message"></p>
Run Code Online (Sandbox Code Playgroud)

jQuery的:

$("#comment").keyup(function (){
    var isTyping = $('#comment').val();
    var data = 'result=' + isTyping;

    $.ajax({
        type: 'POST',
        url: "commentsave.php",
        data: data,
        cache: false,
        success: function(html){  
           $('#message').append('Saved');

        }
    });
});
Run Code Online (Sandbox Code Playgroud)

PHP:

$name = $_POST['result'];
echo $name;
Run Code Online (Sandbox Code Playgroud)

非常感谢,不需要你为我编码,但只是引导我:)

html php jquery keyup

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

ESC键无法删除模态javascript

我正在尝试使用键盘 ESC 键来转义模态框(通过使用纯 JavaScript 将其删除),但看起来好像出了点问题。

代码来自 W3SCHOOL 示例: W3school 示例

这是当人们按下键盘 ESC 键时我试图添加的代码以进行转义:

  document.addEventListener('keyup', function(event) {
    if (event.keyCode === 27) {
      modal.classList.remove('modal');
    }
  });
Run Code Online (Sandbox Code Playgroud)

片段:

  document.addEventListener('keyup', function(event) {
    if (event.keyCode === 27) {
      modal.classList.remove('modal');
    }
  });
Run Code Online (Sandbox Code Playgroud)
// Get the modal
var modal = document.getElementById('myModal');

// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = document.getElementById('myImg');
var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");
img.onclick = function(){
    modal.style.display = "block"; …
Run Code Online (Sandbox Code Playgroud)

javascript onkeyup keyup

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

IE仅检测打印屏幕键的第一个键盘(其他每次都工作)

这是我的代码:

$(document).keyup(function (e) {
    alert("felt something!");
    if (e.keyCode == 44) {
        alert("felt PS");
        ccd();
    }
});

function ccd() {
    if (clipboardData) {
        window.clipboardData.setData('text', '');
    }
}
Run Code Online (Sandbox Code Playgroud)

在chrome中,ccd函数什么也不做(这很好),但每次按下PS按钮时都会弹出"Felt PS"消息.但是,在IE(7-9)中,我可以看到一条"Felt PS"消息.在那之后,击中PS什么都不做,但击中任何其他键会导致"感觉到某事!".

任何人都有任何想法可能导致这个问题?

javascript internet-explorer keyup

0
推荐指数
1
解决办法
2916
查看次数

jQuery:在一个输入文本字段之外的所有文档上激活keyup

我有一个

$(document).keyup(function(e) {
  //some code is here
});
Run Code Online (Sandbox Code Playgroud)

代码,按预期工作:当我按下键盘上的任何键时它会触发.我想要它,但不是当光标在

<input type="text" id="excludeMeFromFiring">
Run Code Online (Sandbox Code Playgroud)

在页面上.

如何在输入带有特殊ID的输入文本字段中修改上面的代码以排除触发?因此,如果光标位于输入文本字段中,则不会触发.

谢谢.

javascript jquery input keyup jquery-1.9

0
推荐指数
1
解决办法
604
查看次数

keyup 事件处理程序更改焦点不适用于快速输入

我想要一个 PIN 输入表单,其中每个字符都被输入到单独的 html 输入中。

我正在尝试在 javascript 中捕获 keyup 事件,以便我可以将焦点更改为下一个输入元素,从而使用户无需通过单击鼠标或选项卡自行更改它。

除非用户输入非常快,否则它正在工作。例如,如果用户输入字符 '1' 和 '2' 的速度非常快,我发现第一个输入现在正确地包含字符 '1',而第二个输入仍然是空的,并且焦点已移到第三个输入。

为什么?

这是代码:

$(document).ready(function () {

            $('.pinchar').keyup(function (e) {
				
                if (
                    (e.which == 8) //backspace
                    || (e.which == 46) // del
                    || (e.which == 9) // tab
                    || (e.which == 13) // return
                    || (e.which == 27) // esc
                    || (e.which == 37) // arrow
                    || (e.which == 38) // arrow
                    || (e.which == 39) // arrow
                    || (e.which == 40) // arrow
                    || (e.which …
Run Code Online (Sandbox Code Playgroud)

javascript jquery keyup

0
推荐指数
1
解决办法
2760
查看次数