Javascript 键入时输入字段值冻结

我有一个选择的输入字段，用于输入颜色代码值。例如“#FF00FF”

我想做的是在字段中选择和键入时，默认情况下“#”始终保留在该字段中。

试试这个（假设您使用的是

jQuery

）：

见a。 奖金： 编辑：我用

e.target

替换了

e.originalTarget

，使其在

Firefox

之外运行（假设您使用的是

jQuery

）：

见a。 奖金： 编辑：我用

e.target

替换了

e.originalTarget

，使其在

Firefox

之外运行。您可以将#放在输入字段之外，并使用一些css使其看起来像在内部：

<div style="position:absolute; z-index:20; left:10px">#</div>
<input type="text" value="" style="padding-left:20px;"/>

#

添加更多字体样式，使其大小相同。然后当用 javascript只需添加#

就可以将#放在inputfield之外，并使用一些css使其看起来像是在里面：

<div style="position:absolute; z-index:20; left:10px">#</div>
<input type="text" value="" style="padding-left:20px;"/>

#

添加更多字体样式，使其大小相同。然后当用

---

javascript只需首先添加#

，谢谢您的帮助。
这似乎很麻烦，但它现在正在工作。。。凌乱地：）

因此，从上面的想法和调整，这是我发现的工作

首先，我将输入手柄从

添加到列表中

现在做所有工作的是changeColor 1（）函数，它就是

---

因此，现在我所需要的是一种将代码串联起来的方法，因为我有7个功能块来覆盖7个输入字段。：）

首先，感谢您的帮助。
这似乎很麻烦，但它现在正在工作。。。凌乱地：）

因此，从上面的想法和调整，这是我发现的工作

首先，我将输入手柄从

添加到列表中

现在做所有工作的是changeColor 1（）函数，它就是

---

因此，现在我所需要的是一种将代码串联起来的方法，因为我有7个功能块来覆盖7个输入字段。：）

好主意，但如果用户想要选择并复制（整个）值，这可能会导致问题。没错，我只是想以编程方式使用它。我喜欢这个主意，但正如@RienNeVaPlus所说，这不符合我的需要。好主意，但如果用户想要选择并复制（整个）值，这可能会导致问题。没错，我只是在考虑以编程方式使用它。我喜欢这个想法，但正如@RienNeVaPlus所说的，这不符合我的需要。这似乎是答案。。。。。但由于某些原因，我的页面将无法运行它。我有一些混合js来做不同的事情，所以可能会有冲突。我将我的页面插入到JSFIDLE中，然后它就成功了。。。。但我的其他人没有？？？也许没有加载jQuery？只要您没有另一个

onValueChange

funktion，它就可以工作。也许您缺少jQuery？

console.log（$）

会给您带来什么？我为您创建了一个扩展的、无jquery的示例：）我的头中有“code.jquery.com/jquery-1.9.1.js”>，我有一个“onblur”“在运行2个脚本的文本字段中。我对jQyery的了解并不存在，只是我能找到和使用的糟糕，我写了

e.originalTarget

而不是

e.target

。这能帮你解决问题吗？（我更新了上面的小提琴）这似乎是答案。。。。。但由于某些原因，我的页面将无法运行它。我有一些混合js来做不同的事情，所以可能会有冲突。我将我的页面插入到JSFIDLE中，然后它就成功了。。。。但我的其他人没有？？？也许没有加载jQuery？只要您没有另一个

onValueChange

funktion，它就可以工作。也许您缺少jQuery？

console.log（$）

会给您带来什么？我为您创建了一个扩展的、无jquery的示例：）我的头中有“code.jquery.com/jquery-1.9.1.js”>，我有一个“onblur”“在运行2个脚本的文本字段中。我对jQyery的了解并不存在，只是我能找到和使用的糟糕，我写了

e.originalTarget

而不是

e.target

。这能帮你解决问题吗？（我更新了上面的小提琴）

onblur="changeColour1(), picker_text_hide()"

onkeyup="changeColour1(), picker_text_hide()"   

function changeColour1() {    
var colour = document.forms['edit_theme'].picker_text1.value;
colour = colour.replace(/[^a-f0-9]/gi, '').toUpperCase();   
if (colour.substr(0,1) != '#'){         
colour = '#'+colour;
document.forms['edit_theme'].picker_text1.value = colour;   
}
document.getElementById("me1").style.backgroundColor = colour; 
}