【问题标题】:Input field is clearing text when I'm telling it not to当我告诉它不要时,输入字段正在清除文本
【发布时间】:2010-09-15 15:06:17
【问题描述】:

我有一个用 onfocus="this.value='' 编写的输入字段,但最近决定将其更改为 onfocus="this.select() 。麻烦的是我去换的时候还是清零!我搜索了我的整个 javascript 库、html,一切都在寻找可能导致这种情况的原因。没有什么被称为喜欢的。

我尝试清除缓存。我尝试搜索value=''cl(

有人知道我该如何调试吗?或者更糟糕的是,覆盖它正在做的事情以使其做我想做的事情?

我的代码:

<input type="text" value="Enter Keyword or Co. Name" name="q" id="q" class="foobar">

我也试过了:

<input type="text" value="Enter Keyword or Co. Name" name="q" id="q" class="foobar" onfocus="this.select();">

谢谢!

【问题讨论】:

  • @trip 你在各种浏览器中测试过吗?结果一样吗?
  • 是的。我发现了您提出的那个答案,并且一直在玩弄它。试图让 jQuery 以某种方式拦截调用。 :D 可能有点 preventDefault() 或返回 false。但是太快了!
  • 你能发布你传递给 select() 的函数吗?
  • 是的,看看更多代码会有所帮助。
  • 我们没有傻眼。我发布的代码在 jsfiddle 中完美运行。您的问题仍然存在,只是因为您尚未 1) 正确解释您尝试完成的效果(我只能假设当用户单击文本表单字段时选择所有文本)和 2)您尚未发布其余的您的代码或完整源代码的链接。

标签: javascript jquery html haml sunspot


【解决方案1】:
 $(function() { 
  $('input[type=text]').focus(function() {
     $(this).trigger('select');
  });
});

你可以测试一下here

【讨论】:

  • 谢谢阿维纳什。这确实有效,我知道。但是其他东西正在渲染 clear() 或 value=""。并且在 jQuery 或 javascript 之前被调用,甚至 onfocus="" 被调用。
【解决方案2】:

您是否查看了源代码并确认您的网页确实使用了更改后的代码?有时我必须先清除我的缓存版本,然后它才会拉取更改。只是一个想法。

【讨论】:

    【解决方案3】:

    http://jsfiddle.net/mzFQk/1/

    HTML:

    <input type="text" value="Enter Keyword or Co. Name" name="q" id="q" class="foobar" />
    

    JavaScript:

    $('#q').click(function(evt) {
       evt.preventDefault();
       this.select();
    }); // make sure to attach this script to the domReady event
    

    此代码完美运行,如果您无法使其在您的网站上运行,那么在您发布源代码之前我们无法为您提供帮助。

    【讨论】:

    • 嗯,尝试清除缓存。搜索 cl(this)value='' 等内容
    • First, I would clear your cache 大声笑,你要如何清除他的缓存 =)
    • 我打赌他也能劈开红海
    • 我试过了。它在 jQuery 启动之前将其清除。甚至尝试过 preventDefault();return false;
    • 伟大的网站,jsfiddle。 :D 感谢您的推荐。
    【解决方案4】:

    你们都会恨我,但我找到了。在一天结束的时候,我只是搜索"#q",并找到它。

    $("#q").focus(function() {
       $("this").val() == ""
    });
    

    我用战斧删除了它。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-05-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-11-22
      • 1970-01-01
      • 2015-01-04
      相关资源
      最近更新 更多