Javascript侦听器在转换为slug后将第一个text_字段中的文本添加到第二个text_字段中

我正在尝试添加一个javascript侦听器：

1.侦听文本字段（#articleField）中的文本更改
2.将该文本转换为slug
3.将新的slug放入另一个文本字段（#slugField）

我使用的是Rails 4 我正在从中提取slug逻辑

看法

'
$（“#articleField”）.blur（
函数（）{
var article=$（this.text（）；
var slug=article.trim（）.toLowerCase（）.replace（“，”）；
$（this.prop（'id'，slug）；
$（slug）.append（#slugField）；首先，您的javascript代码是否在
文档中
就绪
指令

<script type="text/javascript">
  $(function() {
    // Your code should be here
  });
</script>

为了创建slug，我使用了一个jquery插件，它在speakingurl中运行得非常好

现在，在我的代码中，我获取change和keyup方法的slug，根据输入值获取slug，并将其分配给其他字段

$(document).on('keyup change','#username', function(){
    var slug = getSlug($(this).val());
    $('#user-slug').val(slug);
    //looking for optimization
    delete slug;
});

希望您理解。
最好使用更改和/或键控事件，因为模糊事件只会在焦点丢失时触发，这是web的奇怪ui行为。$（'articleField'）。on（'change keyup'，function（）{…}）；
$('#articleField').blur(function() {
  var article = $(this).val();
  var slug = article.trim().toLowerCase().replace(" ", "_");
  $("#slugField").val(slug);
});

$(document).on('keyup change','#username', function(){
    var slug = getSlug($(this).val());
    $('#user-slug').val(slug);
    //looking for optimization
    delete slug;
});