不按Shift键即可翻译输入文本字段

Question

我在这里有两个输入字段

<input type="text" class="form-control formRow--input js-input" name="product_name" id="product_name" placeholder="Product Name (ENG)" required>
<input type="text"  class="form-control formRow--input js-input" id="product_name_mal" name="product_name_mal" placeholder="Product Name (MAL)" >

[当我在第一个输入字段中输入英文产品名称并按Shift键时，在第二个输入字段中将其翻译成马拉雅拉姆语。

这是我的代码：

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript">
google.load("elements", "1", {packages: "transliteration"});
</script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
function OnLoad() {                
    var options = {
        sourceLanguage:
        google.elements.transliteration.LanguageCode.ENGLISH,
        destinationLanguage:
        [google.elements.transliteration.LanguageCode.MALAYALAM],
        shortcutKey: 'ctrl+g',
        transliterationEnabled: true
    };

    var control = new google.elements.transliteration.TransliterationControl(options);
    control.makeTransliteratable(["product_name_mal"]);
    var keyVal = 32; // Space key
    $("#product_name").on('keydown', function(event) {
        if(event.keyCode === 32) {
            var engText = $("#product_name").val() + " ";
            var engTextArray = engText.split(" ");
            $("#product_name_mal").val($("#product_name_mal").val() + engTextArray[engTextArray.length-2]);

            document.getElementById("product_name_mal").focus();
            $("#product_name_mal").trigger ( {
                type: 'keypress', keyCode: keyVal, which: keyVal, charCode: keyVal
            } );
        }
    });

    $("#product_name_mal").bind ("keyup",  function (event) {
        setTimeout(function(){ $("#product_name").val($("#product_name").val() + " "); document.getElementById("product_name").focus()},0);
    });
} 

google.setOnLoadCallback(OnLoad);
</script>

我希望第二个输入字段在不按Shift键的情况下转换为马拉雅拉姆语。我不太喜欢JS。有人可以帮我吗？