小编Mik*_*ike的帖子

我正在尝试创建一个文本框,每当字符的宽度添加一个字母时,该文本框就会增长.这就是我正在尝试的.它不起作用.如果您有提示,请分享!

JavaScript的:

function MakeWidth(el) {
        el.style.width = parseFloat(el.value.clientWidth) }

HTML:

<input id="Test" type="text" style="width: 10px;" onkeyup="MakeWidth(this)"/>

我有以下代码,旨在为类名为"State"的所有元素创建一个onchange事件处理程序.唯一的问题是我希望将元素传递给'StateChange'函数.如何更新此JS以将"this"传递给StateChange函数？谢谢!

var c = document.getElementsByClassName('State');
for (i = 0; i < c.length; i++) c[i].onchange = createEventHandler( StateChange, c[i] );

编辑:我忘了提供createEventHandler函数.对不起...这是:

function createEventHandler(fn, input) {
      return function () {
          fn(input);
      };
}

还有一些澄清.该函数的目的是避免将onchange事件放在每个元素旁边的类名='State'的需要.结果应该和我写的一样:

<select id="MyState1" class="State" onchange="StateChange(this)">

我有一些代码,当用户点击网页正文中的任何位置时运行.如果点击是在NON-LINK上,我只希望JavaScript运行.有任何想法吗？

感谢
迈克

我想将JavaScript函数<script>从输入标记移动到标记,但它不起作用.

这有效:

<input type="text" name="aaa" id="aaa" onkeyup="javascript:this.value=
  this.value.substring(0,1).toUpperCase()+
    this.value.substring(1,this.value.length);
  if (this.value=='') 
    document.getElementById('aaaLabel').innerHTML='AAA';"
/>

这不是:

<script type="text/javascript">
  function FieldOnKeyUp() {
    this.value=this.value.substring(0,1).toUpperCase()+
      this.value.substring(1,this.value.length);
    if (this.value=='') 
      document.getElementById('aaaLabel').innerHTML='AAA'; 
  }
</script>

<input type="text" name="aaa" id="aaa" onkeyup="FieldOnKeyUp()">

有什么不同？

图像的替代文本是 HTML 101，但是当替代文本与紧随其后的标签相同时，是否有意义？对我来说，使用屏幕阅读器的人听两次似乎是多余的。这是一个例子，所以它非常清楚：

<nav>
  <ul>

    <li>
      <a href="/chameleons.html">
        <img src="chameleons_icon.png" alt="chameleons">
        Chameleons
      </a>
    </li>

    <li>
      <a href="/beardies.html">
        <img src="beardies_icon.png" alt="beardies">
        Beardies
      </a>
    </li>

    <li>
      <a href="/basilisks.html">
        <img src="basilisks_icon.png" alt="basilisks">
        Basilisks
      </a>
    </li>

    <li>
      <a href="/iguanas.html">
        <img src="iguanas_icon.png" alt="iguanas">
        Iguanas
      </a>
    </li>

  </ul>
</nav>

感谢您的输入！

修正：为了验证，我应该只使用alt=""还是应该使用背景图片？

我的一个SSI文件中有一个javascript事件处理程序,它隐藏了一些元素,这些元素可能会或可能不会出现在调用SSI文件的页面上.结果,处理程序顺利进行,直到它找不到我要求它隐藏的元素,然后在完成任何可能隐藏的内容之前停止.那么,我怎样才能让JavaScript不会挂断该元素是否在页面上并且只是通过处理程序？

非常感谢.
麦克风