gpt4 book ai didi

Javascript `onblur` 事件级联 `Id` 输入元素的 `html`

转载 作者:行者123 更新时间:2023-12-01 02:27:09 27 4
gpt4 key购买 nike

Javascript onblur 事件将 html 输入元素的 Id 级联到前面的输入元素,而不是传递 id 他们自己的 onblurred 元素。

var ruleStringParam = {
ruleset : "",
appid : "",
rule : "",
trigger : {name : "", type : "", timerparams : {repeatEvery : "", scheduleDate : "", scheduleTime : "", expiryDateTime : ""},
state : "", device : "", transit : "", range : ""},
condition : {statement : ""},
action : {type : "", subject : "", object : ""}
}

var buildRuleJSON = function(elementId) {
switch (elementId) {
case 'ruleset':
ruleStringParam.ruleset = document.getElementById(elementId).value;
alert('Id of ruleset: ' + elementId);
case 'appId':
ruleStringParam.appId = document.getElementById(elementId).value;
alert('Id of appId ' + elementId);
case 'rule':
ruleStringParam.rule = document.getElementById(elementId).value;
alert('Id of rule ' + elementId);
default:
alert("default");
}
}
<body style="background-color:powderblue;">
<form id="form1" name="form1">
Ruleset name:<br>
<input id='ruleset' type='text' onblur="buildRuleJSON(this.id)"><br>
AppId:<br>
<input id='appId' type='text' onblur='buildRuleJSON(this.id)'><br>
Rule name:<br>
<input id='rule' type='text' onblur='buildRuleJSON(this.id)'><br>
</form>
</body>

最佳答案

你需要打破你的困境:

当您编写 switch 语句时,如果您不 break out,则执行会继续:

switch (elementId) {
case 'ruleset':
ruleStringParam.ruleset = document.getElementById(elementId).value;
alert('Id of ruleset: ' + elementId);
break;
case 'appId':
ruleStringParam.appId = document.getElementById(elementId).value;
alert('Id of appId ' + elementId);
break;
case 'rule':
ruleStringParam.rule = document.getElementById(elementId).value;
alert('Id of rule ' + elementId);
break;
default:
alert("default");
break;
}

关于Javascript `onblur` 事件级联 `Id` 输入元素的 `html`,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48662699/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com