javascript - 如何使用 DIV 文本框 Onclick 的值而不是文本框 Onclick 来执行函数

Question

我有这个功能:

$("#border-radius").click(function(){   
var value = $("#border-radius").attr("value");
    $("div.editable").click(function (e) { 

       e.stopPropagation();

       showUser(value, '2', this.id)
       $(this).css({
          "-webkit-border-radius": value
       });  
    });                      
});

它读取文本框的值，

input type="text" id="border-radius" value="20px"

...并用它做了一些与我的问题无关的事情。

文本框具有 id="border-radius"，当单击它(并且具有值)时，函数就会执行，如下所示:$("# border-radius").click(function(){ ...做一些事情...

基本上，我希望能够在文本框中输入一个值，然后单击一个对象(提交按钮或 div，最好是 div)并让它执行以下函数: $("#border- radius").click(function(){ ...做一些事情... 而不必单击文本框本身

我可以添加/更改什么来启用此功能？

Answer 1

我认为您需要确定事件目标。

你可以通过以下方式做到这一点

事件目标属性

示例

$(document).ready(function() {
    $("#border-radius").click(function(event) {
        alert(event.target.id);
       //match target id and than proceed futher 
    });
});